重绘和重排 (回流)
先了解一下 DOM 树是怎么渲染的
1: 解析 html 生成 DOM 节点
2: 解析 CSS 生成 cssDom 的规则树
3: 将 DOM 和 cssDom 生成合并一起渲染 dom 树
4: 遍历渲染树开始渲染, 计算位置大小等信息
5: 合成图层
6: 将节点渲染到屏幕
有不足的地方欢迎补充
什么会出触发重绘?
重绘的代价相比较重排是比较小的 例如改变颜色之类的无关 dom 节点的大小位置等
重排也叫回流就相反了, 就是操作 dom 节点位置大小会触发回流
来源: http://www.bubuko.com/infodetail-3720866.html