1.减少或避免repaint（页面重绘）,reflow（页面回流）
repaint:样式的变化，如颜色字体等
reflow:变化的成本比repaint大（可以理解为对dom元素的操作）
2.尽量缓存所有可以缓存的数据
3.使用css3 transform代替dom操作，animate.css
非主流性能优化原则
1.不要给非static定位元素（如absolute,relative）增加css动画
2.适当的使用硬件加速
一个简单的例子，就是把图片画到canvas上，就会触发硬件加速
或是 ，给图层加transfrom 如transform:translate3d(0,0,0)
移动H5前端性能优化指南：
https://blog.csdn.net/wexin_37276427/article/details/82026532