如何减少回流?
虚拟DOM:虚拟DOM其实就是一个真实的JS 对象,操作js中的内存要比直接操作DOM的
速度要快
1. 直接改变className,如果动态改变样式,则使用cssText(考虑没有优化的浏览
器)
2. 让要操作的元素进行”离线处理”,处理完后一起更新
3.不要经常访问会引起浏览器flush队列的属性,如果你确实要访问,利用缓存
4. 让元素脱离动画流,减少回流的Render Tree的规模
虚拟DOM:虚拟DOM其实就是一个真实的JS 对象,操作js中的内存要比直接操作DOM的
速度要快
1. 直接改变className,如果动态改变样式,则使用cssText(考虑没有优化的浏览
器)
2. 让要操作的元素进行”离线处理”,处理完后一起更新
3.不要经常访问会引起浏览器flush队列的属性,如果你确实要访问,利用缓存
4. 让元素脱离动画流,减少回流的Render Tree的规模