javascript - 浏览器第一次绘制页面时间点是根据什么?
高洛峰
高洛峰 2017-04-11 11:49:07
[JavaScript讨论组]

https://developers.google.cn/...

根绝上面的文章,浏览器绘制页面大致分下面几步:

  1. 处理 HTML 标记,构建 DOM 树。

  2. 处理 CSS 标记,构建 CSSOM 树。

  3. 将 DOM 树和 CSSOM 树融合成渲染树。

  4. 根据渲染树来布局,计算每个节点的几何信息。

  5. 在屏幕上绘制各个节点。

并且根据https://developers.google.cn/...里所说呈现树是domContentLoaded后构建的。

domContentLoaded:标记 DOM 准备就绪并且没有样式表阻碍 JavaScript 执行的时间点 - 意味着我们可以开始构建呈现树了。

但是问题来了,我发现很多网页都是domContentLoaded事件之前已经开始进行了第一次绘制。也就是呈现树(渲染树)没有构建完成时。

所以我的问题是:domContentLoaded之前,也就是呈现树都没有构建完成之前,就开始绘制是什么情况?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号