我所理解的重绘和重排
浏览器如何进行页面渲染的,如图下
重绘
当Render Tree 中部分或者全部分元素的尺寸,结构,布局,等发生改变时,浏览器就会重新渲染部分或全部文档的过程称为回流
- 触发:1添加或者删除可见的DOM元素 2元素位置改变 3元素尺寸改变 4元素内容改变（例如：一个文本被另一不 同尺寸的图片替代） 5页面渲染初始化（这个无法避免） 6浏览器窗口尺寸改变
重排
有节点(元素)的样式的改变并不是影响它在文档流中的位置和文档布局时(比如:color,background-color,outlim等),称为重绘
- 触发：改变元素的color、background、box-shadow等属性
