重排与重绘？

重排与重绘？

轩辕小不懂发布于 2021-12-06 16:21

阅读 442

答案 1

分类：WEB前端开发

Nen 2021-12-06 16:39

- 程序员

重排reflow（回流）

当浏览器发现某个部分发生了变化影响了布局，需要倒回去重新渲染。

添加、删除可见的DOM元素元素位置改变、尺寸改变、内容改变页面初始化、resize事件等

重绘repaint

改变某个元素的背景色、文字颜色、边框颜色等影响周围或内部布局的属性时，屏幕的一部分要重画，但元素的几何尺寸不变

注意：

① 回流必定引起重绘，而重绘不一定会引起回流

② display: none;的节点不会被加入渲染树，而visibility: hidden;会被加入渲染树

③ display:none;会触发回流；visibility: hidden;会触发重绘