在Jquery中on()方法做事件委托是非常方便的。在vue中数据和视图分离，不需要像jquery那样频繁操作dom元素，所以在vue中引入jquery库就不是那么必要。但是有时候我们依然需要做事件代理，下面用原生js来封装一个事件代理的全局方法： 之前看到其他博客上提供的方法(这种方法并不合适): ...
分类：
Web程序 时间：
2019-01-28 13:43:43
阅读次数：
283
当需要在大量元素上绑定事件的时候，特别是在动态更新的元素上，这个绑定是既麻烦又消耗性能的一件事。比较好的做法是在它们共同的父级元素上绑定一个事件，在事件冒泡阶段触发相应的效果。这种把一个元素的响应事件函数委托给另一个元素的用法便叫事件委托。 实际使用时往往不是每一个子元素都需要被委托，这时候可以用到 ...
分类：
其他好文 时间：
2019-01-21 12:11:51
阅读次数：
145
1.事件函数列表（1）click鼠标事件（2）mouseover()鼠标进入（进入子元素也触发）（3）mouseout()鼠标离开（离开子元素也触发）（4）mouseenter（）鼠标进入（进入子元素不触发）（5）mouseleave（）鼠标离开（离开子元素不触发）（6）hover（）$(function(){/*移入，子元素也会触发*//*$(‘.box1‘).mouseover(functio
分类：
Web程序 时间：
2019-01-11 21:16:43
阅读次数：
258
1. 同源策略及跨域请求的方法和原理（比较JSONP和document.domain的不同及优劣，以及HTML5的跨域方案） 2. JavaScript数据类型 3. JavaScript字符串转化 4. JSONP原理及优缺点 5. XMLHttpRequest 6. 事件委托 7. 前端模块化（ ...
分类：
编程语言 时间：
2019-01-11 00:05:14
阅读次数：
209
冒泡 事件触发后事件流的三个阶段按顺序依次是： 1、捕获阶段 2、目标阶段 3、冒泡阶段 大盒子包裹小盒子，两个盒子都分别添加点击事件，当点击小盒子，两个盒子的事件都会触发。 事件委托 下级元素委托上级元素，将子孙元素的事件注册委托给父级元素来代理： 1、给父元素注册点击事件 2、在事件函数中通过（ ...
分类：
编程语言 时间：
2019-01-05 19:51:27
阅读次数：
177
什么叫事件委托？有点类似于异常处理， 就比如，一个很不合理，只为讲清楚原理的例子，假如我们的js代码是这样， 以上是给body标签绑定click事件，那么回出现什么现象呢？现象是，无论body体内部怎么写，无论是我们定义多少个标签，子标签，子子标签，等等，点击任何一个标签，都会触发这个functio ...
分类：
Web程序 时间：
2018-12-29 11:03:10
阅读次数：
216
一、事件委托简介 1、什么是事件委托 事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。 通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 ...
分类：
Web程序 时间：
2018-12-27 22:52:17
阅读次数：
456
Symbol 属性私有化,数据保护 let 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) const 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) 常量(值一旦确定,不允许修改,所有必须初始化) 事件委托 选项一 选项二 选项三 内 ...
分类：
Web程序 时间：
2018-12-27 00:34:08
阅读次数：
262
一、事件 ①事件委托：就是给子元素的父元素或者祖先元素注册一个事件，但是事件的执行者是子元素，委托事件的好处是能够给动态创建出来时元素也加上事件。 ②简单事件：就是给自己注册事件自己执行动态创建出来的事件不会有事件。 ③使用方法：$("span").on("click",function(){ale ...
分类：
Web程序 时间：
2018-12-21 00:57:37
阅读次数：
288
笔试题： 考点：浏览器渲染机制 定义： 利用事件冒泡处理动态元素事件绑定的方法，专业术语叫事件委托。 使用事件委托技术可以避免对特定的每个节点添加事件监听器，相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。 事件委托的好处： 事件委托技术可以 ...
分类：
其他好文 时间：
2018-12-16 10:59:06
阅读次数：
163
