javascript - 浏览器中 CSS/HTML/JS 依赖的简单解释

Question

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

1. 开始将 HTML 解析为 DOM，并将任何样式标签解析为 CSSOM。

2. 在遇到任何资源请求时，将这些请求发送到服务器。

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

   • 例外：如果外部脚本标签包含 async 关键字，它将在 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。