关于重绘、重排的二三事

关于重绘、重排

DOM的变化影响到了预算内宿的几何属性比如宽高，浏览器重新计算元素的几何属性，其他元素的几何属性也会受到影响，浏览器需要重新构造渲染书，这个过程称之为重排。
浏览器将受到影响的部分重新绘制在屏幕上的过程称为重绘。
引起重绘重排的原因：

1. 添加或者删除可见的DOM
2. 元素尺寸或者位置的变换
3. 浏览器页面初始化
4. 浏览器窗口大小发生变化，重排一定导致重绘，重绘不一定会导致重排

减少重绘重排的方法有：

1. 不再布局信息改变时做DOM查询
2. 使用csstext、className一次性改变属性
3. 使用fragment

对于多次重排的元素、比如说动画。使用绝对定位脱离文档流，使其不影响其他元素。