javascript技巧

  • js添加绑定事件的方法

    先介绍js添加事件通用方法,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...

  • JavaScript防抖与节流详解

    目录 防抖debounce 节流throttle 总结 防抖debounce 定义:对于短时间内连续触发的事件,比如滚动事件,防抖就是让某个时间期限内,事件处理函数只执行一次. 关于防抖,拿手指按压弹 ...

  • js replace 全局替换的操作方法

    js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换. <script language="j ...

  • 动态添加js事件实现代码

    //表单对象 function GetObject(Name) { var inputlist=document.all.tags('input'); var i=0; for(i=0;i<in ...

  • js获取当前日期代码适用于网页头部

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// ...

  • 原生JavaScript实现Ajax异步请求

    在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面. 一般来说,使用Jquery中的$.ajax,$.post,$.getJSON,非常方便,但是有的时候,我们只需要a ...

  • 关于JavaScript中parseInt()的一个怪异行为解决

    目录 1. parseInt() 中的一个怪异行为 2.解决 parseInt() 该怪异行为 3. 总结 parseInt() 是一个内置的 JavaScript 函数,它可以将数字字符串解析为整数 ...

  • Javascript数组方法reduce的妙用之处分享

    前言 Javascript数组方法中,相比map.filter.forEach等常用的迭代方法,reduce常常被我们所忽略,今天一起来探究一下reduce在我们实战开发当中,能有哪些妙用之处,下面从 ...

  • javascript模版引擎-tmpl的bug修复与性能优化分析

    精妙的 tmpl 前端模板类开源的不少,但最属 jQuery 作者 John Resig 开发的 "javascript micro templating" 最为精妙,寥寥几笔便实 ...

  • bootstrap-table后端分页功能完整实例

    本文实例讲述了bootstrap-table后端分页功能.分享给大家供大家参考,具体如下: 使用bootstrap-table实现后台分页 插件资源点击此处本站下载. 引用以下css <link ...

  • iframe的onload在Chrome/Opera中执行两次Bug的解决方法

    复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> &l ...

  • Vue指令的钩子函数使用方法

    在Vue 中可以把一系列复杂的操作包装为一个指令. 什么是复杂的操作? 我的理解是:复杂逻辑功能的包装.违背数据驱动的 DOM 操作以及对一些 Hack 手段的掩盖等.我们总是期望以操作数据的形式来实 ...

  • 基于JS实现的消消乐游戏的示例代码

    目录 前言 游戏的准备工作 总结一下 棋盘 渲染画面 动画效果 genCollapse() genDownfall() genEmerge() 整合效果 genLoop() genSwap() 前言 ...

  • table对象中的insertRow与deleteRow使用示例

    复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>table1.html</title> &l ...

  • 浅谈JavaScript闭包

    最近朋友面试被问到了 JS 闭包的问题,本人一时语塞,想起了袁华的一句话:"这道题太难了,我不会做,不会做啊!". JS 闭包属于面向对象的一个重要知识点,特此本人又开始了一段说走 ...

  • JS 各种网页尺寸判断实例方法

    复制代码 代码如下: function reachBottom() {      var scrollTop = 0;     var clientHeight = 0;     var scroll ...

  • JavaScript Event学习第五章 高级事件注册模型

    W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型.虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除了这个鼠标定位 的问题.不过现在只有小部分浏览器支持. W3C W ...

  • 原生js编写autoComplete插件

    最近有提关于下拉选项过多的时候,希望输入关键词,可以搜索内容的需求,但是之前项目太赶,所以也就没有来得及做,因为希望用原生js写一些内容,所以插件是采用了原生js写的思路如下 第一步:fnInit实现 ...

  • js动态添加带圆圈序号列表的实例代码

    js动态添加带圆圈序号列表的实例代码

  • IntersectionObserver判断是否在可视区域详解

    目录 前言 概念 使用 注意 前言 在日常的开发过程中,有时候会有一些要求判断节点是否进入可视化区域的需求.例如:判断信息是否在可视区域曝光再进行曝光,图片懒加载等.通常我们可以通过scroll和ge ...