浏览器二，三事

一，浏览器渲染机制大致如下：

1. 拉代码
2. 建DOM结构
3. 渲染网页

所以，由此可见：自动计算高宽的css，理论上来说，是损耗性能的

二，什么是浏览器的回流

当页面布局和几何属性改变时就需要回流。下述情况会发生浏览器回流：

1、添加或者删除可见的DOM元素；

2、元素位置改变；

3、元素尺寸改变——边距、填充、边框、宽度和高度

4、内容改变——比如文本改变或者图片大小改变而引起的计算值宽度和高度改变；

5、页面渲染初始化；

6、浏览器窗口尺寸改变——resize事件发生时；

 

就是说，尽量避免大批量的用js控制dom的，高宽，颜色，滚动条，定位。。。之类的属性变化，这些变化会造成浏览器回流，损耗性能