什么是重绘和重排

重排：

重排: 当DOM元素影响了元素的几何属性（例如宽和高），浏览器需要重新计算元素的几何属性，同样其它元素的几何属性也会和位置也会因此受到影响。浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。这个过程称为“重排”。
重绘: 完成重排后，浏览器会重新绘制受影响的部分到屏幕上中，该过程称为“重绘”。

当我们改变DOM的大小，增加删除都会导致重排，当给DOM元素改变颜色的时候，会导致重绘，重排一定会重绘，重绘不会重排。重排会影响性能，所以我们尽快能的减少重排的操作

下面是我个人的解释，更加通俗

重排也就是当你改变宽高的时候，浏览器需要重新计算现在的宽高，同样其他元素的位置也会因为现在的宽高收到影响，浏览器渲染的时候会有部分失效，然后重新渲染，这个过程就是重排
重绘：
完成重排之后，浏览器重新渲染后展示新的页面到屏幕上，这个过程我们称为重绘

当我们改变大小的时候，会产生重排，给dom设置颜色的时候，会导致重绘，重排一定会重绘，单重绘不会重排，重排会影响性能，所以尽可能减少重排的操作。