关于重排重绘
domTree + cssTree = randerTree
每一次dom的操作都会引起randerTree的重新加载,
也就是 reflow重排
重排会导致整个页面加载的低效,因此要优化页面加载性能这点是优化热的部分之一
dom操作包括 dom节点的增加、删除
dom的宽高、位置变化,显示隐藏
以及offsetWidth等
重绘 也是低效原因之一,但是比重排要好一点,因为重绘是基于cssTree的改变,不会整个页面都重新加载,改变的知识cssTree的这一小部分,比如改变颜色、修改背景图片之类的动作。