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

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

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

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

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

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