什么是重绘和回流？他们的区别？

重绘：

DOM树没有元素增加或删除，只是样式的改变(比如修改了颜色或背景色)，针对浏览器对某一元素进行单独的渲染，这个过程叫做重绘

回流：

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

区别：(重点)

回流比重绘更加的消耗性能，发生回流必定会重绘，重绘却不一定会导致回流。