前端开发避免重排和重绘

最近开发一款在阉割版chrome浏览器运行的web页面
其中遇到很多流畅性优化的问题？
代码中如何优化卡顿问题呢？
下面我们输出所有绝密方案：

1. 尽量避免重绘和重排
2. 如果元素有动画就填上transfrom属性、哪怕它一开始是默认值
3. 尽量使用CSS动画
4. 用will-change提示浏览器、他不会有任何副作用

总结一句做动画的时候改变位置和大小的时候只用transfrom就不会触发回流重排

最后：还有一个终极杀手：硬件加速

transfrom和transfrom3d；
硬件加速：transform3d可以取代transform使用推荐：因为他可以把浏览器调用从GPU变成CPU实现硬件加速

开启硬件加速效果非常见效，立马就不卡了