浏览器重绘与重排的区别？

今天接触到的新的名词 重绘 重排

• 重排: 部分渲染树（或者整个渲染树）需要重新分析并且节点尺寸需要重新计算，表现为重新生成布局，重新排列元素。
• 重绘：由于节点的几何属性发生改变或者由于样式发生改变，例如改变元素背景色时，屏幕上的部分内容需要更新，表现为某些元素的外观被改变。

单单改变元素的外观，肯定不会引起网页重新生成布局，但是浏览器完成重排之后，将会重新绘制收到此次重排影响的部分。

重排和重绘的代价都是特别高昂的，它们会破坏用户体验，并且让UI展示非常迟缓，而相比之下重排的性能影响更大，在两者都无法避免的情况下，一般我们宁愿选择代价更小的重绘。

「重绘不一定会出现重排」，「重排一定会出现重绘」

浏览器重绘与重排的区别？

原文：https://www.cnblogs.com/ssaylo/p/13220356.html