小编典典

重排和重涂之间有什么区别?

javascript

我对重排和重绘之间的区别还不清楚(如果有任何区别)

似乎重排可能正在转移各种DOM元素的位置,其中重画只是呈现一个新对象。例如,在移除元素时将发生回流,而在更改其颜色时将发生重新绘制。

这是真的?


阅读 316

收藏
2020-05-01

共1个答案

小编典典

至于定义,从那篇文章:

一个 重绘 更改时的元素皮肤改变明显制成,但不影响其布局发生。

这方面的例子包括
outlinevisibilitybackground,或color。根据Opera的说法,重绘是昂贵的,因为浏览器必须验证DOM树中所有其他节点的可见性。

一个 回流 更是关键的性能,因为它涉及影响页面(或整个页面)的部分的布局变化。

例子是回流的原因包括:添加或移除的内容,或明或暗地改变widthheightfont-familyfont-size等等。

2020-05-01