对症下药—— DOM 优化原理与基本实践

三个小专题：“DOM 优化思路”、“异步更新策略”及“回流与重绘”

1. DOM优化
2. 异步更新  https://blog.csdn.net/qq_31687021/article/details/89372320

把 DOM 和 JavaScript 各自想象成一个岛屿，它们之间用收费桥梁连接。——《高性能 JavaScript》

当我们对 DOM 的修改会引发它外观（样式）上的改变时，就会触发回流或重绘。

重绘不一定导致回流，回流一定会导致重绘; 减少 DOM 操作：少交“过路费”、避免过度渲染

9999 次过路费都可以用缓存变量的方式节省下来：

      我们减少 DOM 操作的核心思路，就是让 JS 去给 DOM 分压。 DOM Fragment