当渲染树中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树。完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘
回流与重绘
2023-02-10
92
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
前端开发
重绘 ( Repaint) 和回流 ( Reflow)
首先了解 重绘 ( Repaint) 和回流 ( Reflow)其实是关乎到浏览器性能的问题
重绘和回流是渲染步骤中的⼀⼩节，但是这两个步骤对于性能影响很大
重绘和回流的过程都需要浏览器耗费大量的计算资源，过多的使用会导致网页性能下降
74
1
1
|
22天前
|
缓存
JavaScript
前端开发
理解回流跟重绘
【10月更文挑战第24天】回流和重绘是网页渲染过程中的重要概念，它们相互关联又各自具有不同的特点和影响。通过深入了解它们，我们可以更好地掌握页面性能优化的关键，为用户提供更加优质的浏览体验。
14
1
1
|
22天前
|
缓存
JavaScript
前端开发
|
16天前
|
JavaScript
前端开发
UED
浏览器重绘和回流的区别是什么？
【10月更文挑战第30天】浏览器的重绘和回流在定义、触发原因、操作范围、性能开销以及优化方法等方面都存在明显的区别。在实际开发中，了解这些区别并采取相应的优化措施，对于提高页面的渲染性能和用户体验具有重要意义。
27
2
2
|
22天前
|
存储
缓存
JavaScript
利用缓存布局信息来减少回流和重绘的发生
【10月更文挑战第24天】通过合理利用缓存布局信息，我们可以在一定程度上降低回流和重绘的发生频率，提高页面的性能和用户体验。这是前端性能优化中的一个重要环节，需要我们在实践中不断探索和总结经验，以找到最适合的解决方案。
35
1
1
|
缓存
JavaScript
前端开发
|
6月前
|
缓存
JavaScript
前端开发
|
11月前
|
前端开发
JavaScript
|
缓存
前端开发
JavaScript
|
缓存
JavaScript
前端开发