减少重绘回流的几种方式

1.批量处理DOM操作
①隐藏DOM（display：none）②操作DOM③显示DOM 这种方式只会引发两次回流
2.避免触发同步布局事件。
因为在读取一写精确数据的时候，比如offsetTop的时候，浏览器会清空DOM操作事件队列，所以需要用到精确数据的时候，可以先保存读取的数据，在操作保存的数值后，再赋值给offsetTop（除老版本浏览器外，现在的浏览器都对DOM处理进行优化，放进队列中，批量处理DOM修改，当到达一定数量或者一定时间点就会清空事件队列，进行重绘回流）
3.对于复杂运动效果，使它脱离文档流，避免频繁触发重绘回流
4.使用translate实现动画，不会引发重绘回流