浏览器中 CSS/HTML/JS 依赖关系的简单解释

Question

我只是想验证我是否正确理解了这一点。 当浏览器收到一个 HTML 页面时，它将

1. 开始将 HTML 解析到 DOM 中，并将任何样式标记解析到 CSSOM 中。

2. 遇到任何资源请求时，向服务器触发这些请求。

3. 遇到内联或外部<script>标记时停止将 HTML 解析为 DOM

   • 例外：如果外部脚本标记包含异步关键字，它将在完全解析 HTML 并完全构造 DOM 后运行。

4. 任何脚本(内联或外部(只有在检查了整个 HTML 页面是否存在任何样式信息并且该样式信息已转换为 CSSOM 后才会开始执行。

让我知道我是否应该添加到这些规则中.
或者，如果您有很好的资源来了解依赖项以及如何优化它们，请分享。

Answer 1

似乎您已经涵盖了所有内容。您可以转到下面的链接，了解有关并发模型和事件循环的更多详细信息。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop#:~:text=A%20JavaScript%20runtime%20uses%20a,starting%20with%20the%20oldest%20one。