浏览器重绘与重排（回流）

重绘不一定导致重排，重排一定会导致重绘

重排：

当我们对DOM的修改引发了DOM几何尺寸的变化（比如修改元素的宽、高、或隐藏元素等）时，浏览器需要重新计算元素的几何属性（其他元素的几何属性和位置也会因此受到影响），然后再将计算的结果绘制出来，这个过程就是重排（回流）。

重绘：

当我们对DOM的修改导致了样式的变化，却并未影响其几何属性（比如修改颜色或者背景色）时，浏览器不需要重新计算元素的几何属性、直接为该元素绘制新的样式，这个过程叫做重绘。