您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页浏览器调试——Timeline掌控帧渲染模式

浏览器调试——Timeline掌控帧渲染模式

来源:二三四教育网

网页动画能够做到每秒60帧,就会跟显示器同步刷新,一秒之内进行60次重新渲染,每次重新渲染的时间不能超过16,66毫秒

黄色:JavaScript执行
紫色:样式计算和布局,及重排
绿色:重绘

window.requestAnimationFrame() // 下一次

window.requestldleCallback() // 下几次重新渲染时间

触发分层

1.获取DOM并将其分割为多个层
2.将每个层独立的绘制进位图中
3.将层作为纹理上传至GUP
4.复合多个层来生成最终的屏幕图像

1.DOM子树渲染层(RenderLayer)RenderObject->GraphicsContext(根元素、position、transform、半透明、CSS滤镜、Canvas2D、video、溢出);

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务