浏览器渲染页面的过程-----前端优化篇

浏览器工作原理一

浏览器工作原理二

说明：改变DOM元素位置，窗口大小，宽高，增删DOM都会触发浏览器回流，然后重绘，改变颜色，visibility:hidden 只重绘，不回流，影响性能。网页初始化的时候会回流重绘。

优化：少操作DOM，如obj.style.fontSize = 14px,obj.style.color = 'red';会触发多次回流，应该直接给一个class属性，一次性修改。少用table布局，样式改变受影响范围大。标签嵌套不要太多，否则父元素改变子元素回流受影响。绝对定位absolute，fixed 提供动画，降低性能影响。