重排必定会发生重绘,重绘不一定会引发重排。
1、使用transform 替代top
2、使用visibility 替换display: none ,因为前者只会引起重绘,后者会引发重排
3、避免使用table 布局,可能很小的一个小改动会造成整个table 的重新布局。
4、尽可能在DOM 树的最末端改变class,回流是不可避免的,但可以减少其影
响。尽可能在DOM 树的最末端改变class,可以限制了回流的范围,使其影响
尽可能少的节点。
5、避免设置多层内联样式,CSS 选择符从右往左匹配查找,避免节点层级过多。
6、像video、will-change这样子的标签是另外的图层,减少对页面的重排