本文深入探讨了CSS渲染过程中至关重要的两个概念——回流（重排）与重绘。当DOM发生变化时，这些操作可能导致页面部分或全部重新布局和绘制。回流通常发生在元素尺寸改变时，而重绘则针对颜色和外观调整。文章列举了多个会触发回流和重绘的常见操作，如添加删除元素、更改样式属性、浏览器窗口调整等，帮助开发者优化性能。
任何对渲染树的修改都有可能会导致下面两种操作：
1、回流/重排
渲染树的一部分必须要更新且节点的尺寸发生了变化，会触发重排操作。每个页面至少在初始化的时候会有一次重排操作。
2、重绘
部分节点需要更新，但没有改变其形状，会触发重绘操作。
会触发重绘或回流/重排的操作
1、添加、删除元素(回流+重绘)
2、隐藏元素，display:none(回流+重绘)，visibility:hidden(只重绘，不回流)
3、移动元素，如改变t
最低0.47元/天 解锁文章
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
