减少重绘与回流的方法

1、分离读写
解决：增加样式类或者批量处理
2、缓存处理

3、运用文档碎片/字符串拼接
let frg = document.createDocumentFragment()


4、动画效果应用到position属性为absolute或fixed的元素上（脱离文档流）
5、开启CSS3硬件加速（GPU渲染）
transform/opacity/filters这些属性会触发硬件加速，不会引发重绘或回流
6、牺牲平滑度换取速度