DOM变化影响到了元素的几何属性（宽高），浏览器会重新计算元素的几何属性，其它元素的几何属性和位置也会受到影响，浏览器需要重新构造渲染树，这个过程称为重排（回流）。浏览器将受到影响的部分重新绘制到屏幕上的过程称为重绘。
（另一种：重绘是指元素外观改变所触发的浏览器行为，如visibility,背景样式,outline等。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。
重排是指：更明显的改变，需要浏览器重新计算渲染树，每个页面至少有一次回流，即使页面加载的时候。）

引起重排的原因

• 增加或移除样式表
• 添加或删除可见的DOM元素
• 改变元素的尺寸、内容、位置、字体
• 浏览器页面初始化
• 浏览器窗口尺寸改变
• 设置style属性值
  重排一定引起重绘，重绘不一定重排

减少重排和重绘的方法

• 不在布局信息改变时做dom查询
• 使用cssText或className一次性改变属性
• 对于多次重排的元素，使用绝对定位脱离文档流，如动画。

document. write重绘整个页面
innerHTML重绘部分页面