前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?
来源:互联网 发布:淘宝好评了在哪里追加 编辑:程序博客网 时间:2024/04/27 15:34
因为计算量与每次重排版有关,大多数浏览器通过队列化修改和批量显示优化重排版过程。然而,你可
能(经常不由自主地)强迫队列刷新并要求所有计划改变的部分立刻应用。获取布局信息的操作将导致刷
能(经常不由自主地)强迫队列刷新并要求所有计划改变的部分立刻应用。获取布局信息的操作将导致刷
新队列动作,这意味着使用了下面这些方法:
• offsetTop, offsetLeft, offsetWidth, offsetHeight
• scrollTop, scrollLeft, scrollWidth, scrollHeight
• clientTop, clientLeft, clientWidth, clientHeight
• getComputedStyle() (currentStyle in IE)(在 IE 中此函数称为 currentStyle)
布局信息由这些属性和方法返回最新的数据,所以浏览器不得不运行渲染队列中待改变的项目并重新排
版以返回正确的值。
在改变风格的过程中,最好不要使用前面列出的那些属性。任何一个访问都将刷新渲染队列,即使你正
在获取那些最近未发生改变的或者与最新的改变无关的布局信息。
0 0
- 前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?
- 前端性能优化:那些操作会引起DOM操作重排版?
- 前端性能优化--DOM操作
- 前端性能优化(DOM操作篇)
- 前端性能优化:DOM操作性能优化建议
- 前端性能优化:DOM操作标签对性能的影响
- 前端性能优化之-css阻塞渲染
- 前端性能优化工具--DOM Monster
- web前端总结一DOM性能优化
- 前端js性能优化(二):DOM
- 【前端性能】高性能滚动 scroll 及页面渲染优化
- 前端性能优化:数组操作的优化
- 前端jquery搜索查询 优化网站性能
- JavaScript性能优化之dom操作
- 关于DOM操作的性能优化
- 揭露DOM操作以及性能优化
- 前端的性能优化都有哪些东西?
- Web 前端性能优化——控制DOM大小
- idea 15.0.2下载及破解
- yuv色差信号
- Ruby: attr_reader &attr_accessor用法
- rsync启动异常
- react native for android 真机调试报错
- 前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?
- poj 1160 Post Office dp(序列划分,数学公式, 中偏弱,可优化)
- Texture Addressing Modes
- linux命令 cp
- 解决Odoo 8 PDF报表中文字体乱码问题
- iOS 宏(define)与常量(const)的正确使用
- OMA-DM协议
- spring - property和constructor-arg的使用
- Android操作HTTP实现与服务器通信