Administrator
发布于 2023-08-05 / 39 阅读 / 1 评论 / 0 点赞

前端的重绘与重排

什么是重绘,什么是重排?

  • 重排(Reflow)是指在浏览器渲染过程中,当页面布局和元素的几何属性发生变化时,浏览器需要重新计算所有受影响的元素的几何属性及其位置,以确定每个元素在屏幕上的位置和大小。这是一个代价较高的操作,需要更新浏览器的布局缓存、重新布局、绘制等过程。
  • 重绘(Repaint)是指浏览器在渲染过程中,当元素的样式(如颜色、字体等)发生变化时,浏览器只需要重新绘制这些元素及其子元素,而不重新计算其尺寸和位置。这个操作代价比重排小一些,但在有很多元素发生变化的情况下,重绘也会带来一定的性能问题。

评论