码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器二,三事

时间:2015-06-18 19:29:38      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:

一,浏览器渲染机制大致如下:

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

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

二,什么是浏览器的回流

技术分享

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

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

2、元素位置改变;

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

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

5、页面渲染初始化;

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

 

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

浏览器二,三事

标签:

原文地址:http://www.cnblogs.com/junxtx/p/4586664.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!