重排和重绘的区别如下：
- 重排：指的是浏览器在渲染页面时，对页面布局进行重新排版，主要涉及到页面的位置和大小等。
- 重绘：指的是浏览器在渲染页面时，对页面的外观进行重新绘制，主要涉及到页面的样式和颜色等。
会触发这两种情况的情况有：
- 用户对页面进行操作，如滚动页面、改变窗口大小等。
- 浏览器接收到新的DOM结构，需要重新渲染。
- CSS样式发生变化，导致页面的外观发生变化。
重排和重绘的区别？
2023-11-06
87
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
重排和重绘的区别？
目录
相关文章
|
前端开发
重绘 ( Repaint) 和回流 ( Reflow)
首先了解 重绘 ( Repaint) 和回流 ( Reflow)其实是关乎到浏览器性能的问题
重绘和回流是渲染步骤中的⼀⼩节，但是这两个步骤对于性能影响很大
重绘和回流的过程都需要浏览器耗费大量的计算资源，过多的使用会导致网页性能下降
72
1
1
|
6月前
|
缓存
JavaScript
前端开发
|
5月前
|
JavaScript
前端开发
异构计算
|
6月前
|
JavaScript
|
6月前
|
JavaScript
前端开发
UED
|
6月前
|
存储
JavaScript
前端开发
|
缓存
JavaScript
前端开发
|
6月前
|
11月前
|
移动开发
JavaScript
前端开发
|
缓存
前端开发
JavaScript