本文收录于 GitHub 日问: DailyQuestion^[1]，内含大厂内推机会、面经大全及若干面试题，每天学习五分钟，一年进入大厂中。可在右下角打开原文查看

重排和重绘是关键渲染路径中的两步，可以参考另一个问题: 什么是关键渲染路径^[2]

重排(Reflow)：元素的位置发生变动时发生重排，也叫回流。此时在关键渲染路径中的 Layout 阶段，计算每一个元素在设备视口内的确切位置和大小。当一个元素位置发生变化时，其父元素及其后边的元素位置都可能发生变化，代价极高
重绘(Repaint): 元素的样式发生变动，但是位置没有改变。此时在关键渲染路径中的 Paint 阶段，将渲染树中的每个节点转换成屏幕上的实际像素，这一步通常称为绘制或栅格化

另外，重排必定会造成重绘。以下是避免过多重拍重绘的方法

关注我

我是山月，正致力于每天用五分钟能够看完的简短答案回答一个大厂高频面试题。扫码添加我的微信，备注进群，加入高级前端进阶群.

[1]

DailyQuestion: https://q.shanyue.tech

[2]

什么是关键渲染路径: https://q.shanyue.tech/fe/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/391.html

更多面试