reflow & repaint

下列哪个行为会导致页面 reflow？

• 改变div的display值
• 改变div的visibility值
• 改变div的color值
• 改变div的background值

引发 reflow（回流）的情况：

1. 图片的载入会使页面 reflow ，因为要根据页面宽高来更新 frame。所以在 image 标签引入时指定图片的宽高可以避免 reflow ，提升性能
2. display：none；而另一个切换可见性的属性 visibility 则不存在 reflow 问题，因为visibility：hidden 的元素并没有销毁
3. 元素 position 在 absolute 和 static 之间切换的时候

引发 repaint（重绘） 的情况

1. 应用新的样式或修改任何影响元素外观的属性
2. visibility：hidden
3. 拖动滚动条的时候

引发 reflow + repaint 的情况

1. DOM 元素的添加、修改（内容）、删除、移动
2. 调整窗口大小的时候
3. 修改 text 属性

相关文章 > repaint和reflow

题目来源牛客网