摘要: 事件委托是利用冒泡的原理,把事件加到父级上,触发执行效果。 优点:给父级元素加事件(可以提高性能) 只在内存中开辟了一块空间,节省资源同时减少了dom操作,提高性能 对于新添加的元素也会有之前的事件** 原理:事件委托其实是利用事件冒泡的特点, 给父元素添加事件,子元素可以触发 实现:事件对象.ta 阅读全文
posted @ 2022-08-31 09:53 丹江路39号 阅读(27) 评论(0) 推荐(0)
摘要: 传统on注册(L0) 同一个对象,后面注册的事件会覆盖前面注册(同一个事件) 直接使用null覆盖偶就可以实现事件的解绑 都是冒泡阶段执行的 事件监听注册(L2) 语法: addEventListener(事件类型, 事件处理函数, 是否使用捕获) 后面注册的事件不会覆盖前面注册的事件(同一个事件) 阅读全文
posted @ 2022-08-31 09:49 丹江路39号 阅读(84) 评论(0) 推荐(0)
摘要: 摘自B站黑马前端 阅读全文
posted @ 2022-08-31 09:41 丹江路39号 阅读(40) 评论(1) 推荐(0)
摘要: 1、事件对象是什么? 也是个对象,这个对象里有事件触发时的相关信息 2、事件对象在哪里? 在事件绑定的回调函数的第一个参数就是事件对象 3.常见事件对象属性 type:获取当前的事件类型 clientX/clientY:获取光标相对于浏览器可见窗口左上角的位置 offsetX/offsetY:获取光 阅读全文
posted @ 2022-08-31 09:20 丹江路39号 阅读(25) 评论(0) 推荐(0)
摘要: 1.解析(Parser)HTML,生成DOM树(DOM Tree) 2. 同时解析(Parser) CSS,生成样式规则 (Style Rules) 3.根据DOM树和样式规则,生成渲染树(Render Tree) 4.进行布局 Layout(回流/重排):根据生成的渲染树,得到节点的几何信息(位置 阅读全文
posted @ 2022-08-31 09:17 丹江路39号 阅读(48) 评论(0) 推荐(0)
摘要: 回流(重排) 当 Render Tree 中部分或者全部元素的尺寸、结构、布局等发生改变时,浏览器就会重新渲染部分或全部文档的过 程称为 回流。 重绘 由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如:color、background-color、 outline等), 称为 阅读全文
posted @ 2022-08-31 09:14 丹江路39号 阅读(35) 评论(0) 推荐(0)