事件委托原理:事件冒泡机制; 优点: 1、可以大量节省内存占用,减少事件注册。比如ul上代理所有li的click事件就很不错; 2、可以实现当新增子对象时,无需再对其进行事件绑定,对于动态内容部分尤为适合; 缺点: 事件代理的常用应用应该仅限于上述需求,如果把所有事件都用事件代理,可能会出现事件误判 ...
分类:
其他好文 时间:
2019-01-30 16:14:38
阅读次数:
255
在Jquery中on()方法做事件委托是非常方便的。在vue中数据和视图分离,不需要像jquery那样频繁操作dom元素,所以在vue中引入jquery库就不是那么必要。但是有时候我们依然需要做事件代理,下面用原生js来封装一个事件代理的全局方法: 之前看到其他博客上提供的方法(这种方法并不合适): ...
分类:
Web程序 时间:
2019-01-28 13:43:43
阅读次数:
283
一、什么是虚拟DOM? render执行的结果得到的并不是真正的DOM节点,结果仅仅是轻量级的JavaScript对象,我们称之为virtual DOM。 虚拟DOM是React的一大亮点,具有batching(批处理)和高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整 ...
分类:
其他好文 时间:
2019-01-04 12:18:46
阅读次数:
173
前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和启发! 本文首发地址为GitHub博客,写文章不易,请多多支持与关注! 一、DOM事件级别 DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分 ...
分类:
其他好文 时间:
2018-12-12 20:39:30
阅读次数:
224
一、jQuery的位置信息 jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。 1、宽度和高度 a、获取宽度和高度,例如: 注意:这个方法不接受任何参数。.css(‘width’)(或.css(‘height’))和 .width()(或.hei ...
分类:
Web程序 时间:
2018-11-19 21:35:33
阅读次数:
134
jquery事件绑定有2种方式: 1,普通事件绑定: 2, 事件代理或者叫事件委托 结: 如果动态生成的则无法绑定事件。你可以用事件委托来处理。 产考链接: https://blog.csdn.net/linsygod/article/details/78689062 ...
分类:
Web程序 时间:
2018-11-17 14:43:01
阅读次数:
204
什么是事件委托 通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递; ...
分类:
其他好文 时间:
2018-11-14 14:15:17
阅读次数:
169
什么是事件委托? 它还有一个名字叫事件代理。 JavaScript高级程序设计上讲: 事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 用取快递来解释这个现象,大家认真领会一下事件委托到底是一个什么原理: 有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三 ...
分类:
Web程序 时间:
2018-11-07 12:30:36
阅读次数:
280
前言 说来惭愧,用 mpvue 大半年,小程序快一年了,居然还试图用 方法阻止事件冒泡,也是有点蠢。痛定思痛,写篇博文来认真捋一捋小程序的事件系统和 mpvue 的事件代理 小程序事件系统,mpvue 事件系统和 DOM 事件系统的差别 从文档得知,小程序的 event 对象和 DOM 的 even ...
分类:
其他好文 时间:
2018-10-28 13:38:15
阅读次数:
1383