DOM
文章平均质量分 53
Supernova_gu
这个作者很懒,什么都没留下…
展开
-
虚拟DOM和DOM diff
虚拟DOM优点 减少DOM操作 虚拟 DOM 可以将多次操作合并为一次操作,比如你添加 1000 个节点,却是一个接一个操作的(减少频率) 虚拟 DOM 借助 DOM diff 可以把多余的操作省掉,比如你添加 1000 个节点,其实只有 10 个是新增的(减少范围) 跨平台 虚拟 DOM 不仅可以变成 DOM,还可以变成小程序、iOS 应用、安卓应用,因为虚拟 DOM 本质上是一个 JS 对象 React虚拟DOM // React const vNode = { key: null, p原创 2021-02-06 16:13:16 · 138 阅读 · 0 评论 -
DOM 事件委托
一、事件委托定义 在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能。导致这一问题的原因是多方面的。首先,每个函数都是对象,都会占用内存;内存中的对象越多,性能就越差。其次,必须事先指定所有事件处理程序而导致的DOM访问次数,会延迟整个页面的交互就绪时间。 捕获和冒泡允许我们实现一种被称为 事件委托 的强大的事件处理模式。对事件处理程序过多问题的解决方案就是事件委托。事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。这个想法是,如果我们原创 2021-01-27 18:51:14 · 180 阅读 · 0 评论 -
DOM树
一、DOM树 节点、元素和标签:节点包括元素和文本等, 元素就是标签,叫法不同而已 DOM操作是跨线程的:浏览器功能分为渲染引擎和JS引擎 JS引擎不能操作页面,只能操作JS 渲染引擎不能操作JS,只能操作页面 二、获取元素(标签) <div id="test" class="red">demo</div> // 获取div元素 document.getElementById('test') // 获取ID document.getElementsByClassName(原创 2021-01-25 14:13:33 · 364 阅读 · 0 评论 -
DOM 事件模型
一、DOM事件模型 当一个HTML元素触发一个事件时,该事件会在元素结点与根结点之间的路径传播。传播按顺序分为三个阶段:捕获阶段、目标阶段、冒泡阶段,这个传播过程就是 DOM 事件流。 从外向内找监听函数,叫事件捕获; 从内向外找监听函数,叫事件冒泡; 当在冒泡阶段或者捕获阶段发现有监听函数就将其调用并提供事件信息; 二、 DOM 事件机制 IE5:div.attachEvent(‘click’, fn) //冒泡阶段 网景:div.addEventListener(‘click’, fn)//捕获阶原创 2021-01-27 16:50:24 · 579 阅读 · 0 评论