下列哪个行为会导致页面 reflow?
- 改变div的display值
- 改变div的visibility值
- 改变div的color值
- 改变div的background值
引发 reflow(回流)的情况:
- 图片的载入会使页面 reflow ,因为要根据页面宽高来更新 frame。所以在 image 标签引入时指定图片的宽高可以避免 reflow ,提升性能
- display:none;而另一个切换可见性的属性 visibility 则不存在 reflow 问题,因为visibility:hidden 的元素并没有销毁
- 元素 position 在 absolute 和 static 之间切换的时候
引发 repaint(重绘) 的情况
- 应用新的样式或修改任何影响元素外观的属性
- visibility:hidden
- 拖动滚动条的时候
引发 reflow + repaint 的情况
- DOM 元素的添加、修改(内容)、删除、移动
- 调整窗口大小的时候
- 修改 text 属性
相关文章 > repaint和reflow
题目来源牛客网