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

前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?

时间:2016-08-03 10:41:38      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

     因为计算量与每次重排版有关,大多数浏览器通过队列化修改和批量显示优化重排版过程。然而,你可
能(经常不由自主地)强迫队列刷新并要求所有计划改变的部分立刻应用。获取布局信息的操作将导致刷

新队列动作,这意味着使用了下面这些方法: 


 ? offsetTop, offsetLeft, offsetWidth, offsetHeight 
? scrollTop, scrollLeft, scrollWidth, scrollHeight 
? clientTop, clientLeft, clientWidth, clientHeight 
? getComputedStyle() (currentStyle in IE)(在 IE 中此函数称为 currentStyle) 


     布局信息由这些属性和方法返回最新的数据,所以浏览器不得不运行渲染队列中待改变的项目并重新排
版以返回正确的值。 


     在改变风格的过程中,最好不要使用前面列出的那些属性。任何一个访问都将刷新渲染队列,即使你正
在获取那些最近未发生改变的或者与最新的改变无关的布局信息。 

前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?

标签:

原文地址:http://blog.csdn.net/xuexiaodong009/article/details/51819089

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