当渲染树中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树。完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘
回流与重绘
2023-02-10
94
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
前端开发
重绘 ( Repaint) 和回流 ( Reflow)
首先了解 重绘 ( Repaint) 和回流 ( Reflow)其实是关乎到浏览器性能的问题
重绘和回流是渲染步骤中的⼀⼩节，但是这两个步骤对于性能影响很大
重绘和回流的过程都需要浏览器耗费大量的计算资源，过多的使用会导致网页性能下降
81
1
1
|
1月前
|
缓存
JavaScript
前端开发
理解回流跟重绘
【10月更文挑战第24天】回流和重绘是网页渲染过程中的重要概念，它们相互关联又各自具有不同的特点和影响。通过深入了解它们，我们可以更好地掌握页面性能优化的关键，为用户提供更加优质的浏览体验。
26
1
1
|
1月前
|
缓存
JavaScript
前端开发
|
1月前
|
存储
缓存
JavaScript
利用缓存布局信息来减少回流和重绘的发生
【10月更文挑战第24天】通过合理利用缓存布局信息，我们可以在一定程度上降低回流和重绘的发生频率，提高页面的性能和用户体验。这是前端性能优化中的一个重要环节，需要我们在实践中不断探索和总结经验，以找到最适合的解决方案。
38
1
1
|
缓存
前端开发
JavaScript
|
缓存
JavaScript
前端开发
|
7月前
|
缓存
JavaScript
前端开发
|
前端开发
JavaScript
|
缓存
前端开发
JavaScript
|
缓存
JavaScript
前端开发
热门文章
最新文章
1
四大触点，教你从“用户视角”构建数据分析体系
2
《Stata统计分析与应用（第2版）》一3.4 图形的保存、合并及修改
3
Spring-boot+Dubbo应用启停源码分析
4
分享一些OpenStack的qcow2格式实例镜像
5
基于区块链的机器学习模型创建方案
6
微信web开发者工具无法打开的六种解决方法
7
RocketMq-Request-Reply消息
8
[译] 构建世界上最快的会议网站
9
" "(双引号)与 ' '(单引号)的区别
10
自定义高效支持点击监听的RecyclerView
1
AI在电子商务中的个性化推荐系统：驱动用户体验升级
29
2
基于AI的网络流量分析：构建智能化运维体系
26
3
鸿蒙登录页面好看的样式设计-HarmonyOS应用开发实战与ArkTS代码解析【HarmonyOS 5.0（Next）】
25
4
HarmonyOS 5.0 （Next）应用开发实战：使用ArkTS构建开箱即用的登录页面【HarmonyOS 5.0（Next）】
30
5
开箱即用的个人主页页面开发实战—基于HarmonyOS 5.0 （Next）和ArkTS的实现【HarmonyOS 5.0（Next）】
32
6
《Java 在 3D 视觉与重建领域：开启无限可能之旅》
22
7
《Java 情感分析：前沿技术与方法全解析》
26
8
《GraalVM：Java AI 应用性能与启动速度的优化利器》
22
9
《探索 Apache Spark MLlib 与 Java 结合的卓越之道》
19
10
云产品评测
21