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

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

 

1 控制 DOM 大小

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

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

  1. 延迟加载即将展现的内容(懒加载)

2 简化 DOM 操作

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

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

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

posted @ 2021-01-13 20:33  yuhui_yin  阅读(26)  评论(0编辑  收藏