我对重排和重绘之间的区别还不清楚(如果有任何区别)
似乎重排可能正在转移各种DOM元素的位置,其中重画只是呈现一个新对象。例如,在移除元素时将发生回流,而在更改其颜色时将发生重新绘制。
这是真的?
至于定义,从那篇文章:
一个 重绘 更改时的元素皮肤改变明显制成,但不影响其布局发生。
这方面的例子包括 outline,visibility,background,或color。根据Opera的说法,重绘是昂贵的,因为浏览器必须验证DOM树中所有其他节点的可见性。
outline
visibility
background
color
一个 回流 更是关键的性能,因为它涉及影响页面(或整个页面)的部分的布局变化。
例子是回流的原因包括:添加或移除的内容,或明或暗地改变width,height,font-family,font-size等等。
width
height
font-family
font-size