重绘和回流

重绘和回流是针对页面渲染来说的两个概念，都是页面做改变的时候的概念。

重绘：重绘是不改变页面元素的布局和尺寸，只对元素的内容的样式进行改变，例如背景，字体颜色等不改变元素的尺寸和布局的样式修改，然后由浏览器重新绘制渲染的操作就称之为重绘（消耗较少）。

常见的重绘的操作：

1、改变元素的背景色

2、改变元素的字体颜色

回流：回流是当元素的尺寸或者页面布局、结构发生变化的时候，样式进行改变，浏览器重新渲染页面的操作称之为回流。因为回流浏览器需要重新计算尺寸，布局等重新渲染，所以消耗较重。

常见的回流的操作：

1、页面初次渲染

2、更改浏览器尺寸大小

3、修改元素的尺寸大小

4、部分dom操作

注：回流一定会引起重绘，但是重绘不一定会引起回流