重排和重绘的区别如下：
- 重排：指的是浏览器在渲染页面时，对页面布局进行重新排版，主要涉及到页面的位置和大小等。
- 重绘：指的是浏览器在渲染页面时，对页面的外观进行重新绘制，主要涉及到页面的样式和颜色等。
会触发这两种情况的情况有：
- 用户对页面进行操作，如滚动页面、改变窗口大小等。
- 浏览器接收到新的DOM结构，需要重新渲染。
- CSS样式发生变化，导致页面的外观发生变化。
重排和重绘的区别？
2023-11-06
41
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
重排和重绘的区别？
目录
相关文章
|
19天前
|
存储
JavaScript
前端开发
|
4天前
|
缓存
JavaScript
前端开发
＜ 性能提升 Get √ ：如何理解 “ 回流 ” 与 “ 重绘 ” ？如何合理的减少其出现呢 ？ ＞
`回流` 和 `重绘` 可以说是每一个web前端开发者经常听到的两个名词，虽然听的多，但是我们真的都理解它们的意思了嘛？ 很显然都迷迷糊糊，当然在之前没有去了解的时候，小温也不例外！ 之前是介于之前公司要分享，所以当时有做了解，所以这次打算和大伙分享一下！
> 🧐 预先剧透一下： " **`回流`** " 和 “ **`重绘`** ” 是阻碍浏览器渲染 及 服务性能的关键因素中 比较重要的两点， 合理的规避它们，能够有效的提高项目的性能！
21
2
2
|
25天前
|
JavaScript
前端开发
UED
|
3月前
|
9月前
|
缓存
JavaScript
前端开发
|
4月前
|
移动开发
JavaScript
前端开发
|
5月前
|
缓存
前端开发
JavaScript
|
8月前
|
缓存
JavaScript
前端开发
|
8月前
|
JavaScript
前端开发
异构计算
|
9月前
|
存储
缓存
JavaScript
如何优化 JavaScript 性能：减少重绘与回流
优化 JavaScript 性能是前端开发中非常重要的课题。在本篇博客文章中，我将重点介绍如何减少重绘（Repaint）与回流（Reflow），以提高 JavaScript 在浏览器中的执行效率。我们将深入探讨导致重绘和回流的原因，并提供一些优化技巧和代码示例来改进性能。
182
0
0