如何减少DOM编程带来的性能损失
2018-07-16 本文已影响0人
橘子柚子橙子_
可以参考以下几点：
- 最小化DOM访问次数，尽可能在JavaScript端处理
- 如果需要多次访问某个DOM节点，用局部变量存储它的引用
- 小心处理HTML集合，因为它实时连系着底层文档。把集合的长度缓存到一个变量中，并在迭代中使用它
- 尽可能使用速度更快的API，比如：querySelectorAll()，fristElementChild
- 要留意重绘和重排，批量修改样式时，“离线”操作DOM树，使用缓存，并减少访问局部信息的次数
- 动画中使用绝对定位，使用拖放代理
- 使用事件委托来减少事件处理器的数量
