前端性能优化-静态资源优化8-DOM 编程优化

本文地址：https://www.cnblogs.com/veinyin/p/14274303.html

 

1 控制 DOM 大小

节点多时通过类名或标签获取节点会非常耗时，元素绑定事件、事件冒泡和事件捕获也会相对耗时

1. 合理的业务逻辑，每个业务逻辑尽量减少 DOM 节点的数量

2. 延迟加载即将展现的内容（懒加载）

2 简化 DOM 操作

1. 将多个操作合并后，统一插入到 DOM 树中

2. 使用 fragment，尽量不在 DOM 树中直接操作

3. 虚拟 DOM，通过 diff 算法简化和减少 DOM 操作