本文深入探讨了前端性能分析中的关键概念——重绘与回流。回流（布局）发生在元素尺寸、布局或隐藏状态改变时，而重绘（渲染）则涉及元素外观变化但不影响布局。回流必定导致重绘，但重绘不一定引发回流。触发回流的属性包括盒子模型、定位和浮动，而改变节点内部文字也会引起回流。理解并优化这些过程对于提升网页加载速度和用户体验至关重要。
前端性能分析
重绘与回流
css竟然能让JavaScript变慢
回流
- 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就成为回流
- 当页面布局和几何属性改变时就需要回流
重回
- 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘
回流必将引起重绘，而重绘不一定会引起回流
触发页面布局的属性
- 盒子模型相关属性会触发重布局
- 定位属性及浮动也会触发重布局
- 改变节点内部文字结构也会触发重布局
/1853166-20200201214813494-566532226.png)
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
