DOM事件
-
前端开发必学技巧:从点击事件看透事件委托的实现原理
事件委托的前世今生 还记得2018年做电商后台管理系统时,商品列表页加载500条数据后点击卡顿的惨状吗?当时用jQuery绑定click事件,内存直接飙升到500MB。正是这个血泪教训让我彻底搞懂了事件委托(Event Delegat...
-
事件捕获参数揭秘:当addEventListener遇上Web Components该注意什么?
当我们在调试Web Components时的事件监听,突然发现点击内部元素的事件没有触发,这可能是事件传播机制在作祟。 一、捕获阶段的隐藏特性 在传统DOM事件流中,addEventListener的第三个参数capture就像潜...
-
从jQuery到现代JavaScript:事件处理技术的十年进化之路
2006年的web开发困局 在IE6仍占据65%市场份额的年代,开发者需要为简单的事件绑定编写兼容代码: if (element.addEventListener) { element.addEventListener(...
-
Web Components 中的事件系统:不仅仅是addEventListener那么简单!
Web Components,这玩意儿,相信大家或多或少都听过,甚至已经在项目里用起来了。它最大的魅力,就是能让我们像搭积木一样构建网页,把复杂的界面拆分成一个个独立的、可复用的组件。但是,组件和组件之间怎么交互呢?事件系统就成了关键。 ...
