2021-03-09

1.重绘和重排
重绘:只一个元素外观的改变所触发的浏览器，行为浏览器会根据元素的新属性重新绘制，是元素呈现新的外观。
重排:当渲染书中的一部分，因为元素的规模，尺寸布局隐藏的改变而需要重新构建，这称之为重排。每个页面至少有一次重拍，就是在页面第1次加载的时候。
区别:重排一定会导致重绘，但重绘不一定会引发重排。
如何避免:避免频繁操作dom， 设置与元素display:none，然后进行页面布局，等操作设置完成后将元素设置为display: block，这样的话就只会引发两次重绘和重排。直接改变元素的className。将需要多次重排的元素position属性设置为absolute或fixed，元素脱离了标准文档流它的变化不会影响到其他的元素，所以不会进行重绘或者重排。