DOM的回流和重绘Repaint&Reflow

重绘: 元素的样式改变(但宽高、大小、位置不变)

如outline，visibility，color，background-color

回流: 元素的大小或者位置发生了变化(当页面布局和几何信息发生变化的时候),触发了重新布局,导致渲染树重新布局和渲染

如添加或删除可见的DOM元素;元素的位置发生变化;元素的尺寸发生变化;元素的内容发生变化(比如文本变化或图片被不同尺寸的图片替代);页面一开始渲染的时候（这个无法避免）;因为回流是根据视口大小来计算元素的位置和大小的,所以浏览器的窗口尺寸变化也会引起回流...

注意：回流一定会触发重绘,重绘不一定会触发回流。