为什么采用Vue?数据驱动视图模式好处? Vue和React基于virtual dom和dom diff最大限制减少了重绘和回流。比我们之前的直接操作dom开发模式,性能好很多。
回流(Reflow),也叫重排
重绘(Repaint)
重绘:通知GPU重新绘制。
分离读写(现代浏览器有批处理渲染机制)
读取样式和设置样式分开写。
这样会导致两次回流。
缓存处理
文档碎片
动画效果应用到position属性为absolute或fixed的元素上
absolute或fixed使得当前元素脱离文档流,不会对文档流中的其他元素产生影响。还是会发生重绘和回流,但是大大减小影响。
CSS3硬件加速(GPU加速)会规避回流
避免table布局