瀏覽器中 CSS/HTML/JS 依賴的簡單說明

Question

我只是想驗證我是否正確理解這一點。 當瀏覽器收到 HTML 頁面時，它將

1. 開始將 HTML 解析到 DOM 中，並將任何樣式標簽解析到 CSSOM 中。

2. 在遇到任何資源請求時，將這些請求發送到服務器。

3. 遇到內聯或外部<script>標記時停止將 HTML 解析為 DOM

   • 例外：如果外部腳本標簽包含 async 關鍵字，它將在 HTML 完全解析並完全構建 DOM 后運行。

4. 任何腳本，無論是內聯的還是外部的，只有在整個 HTML 頁面已檢查任何樣式信息並且該樣式信息已轉換為 CSSOM 后才會開始執行。

讓我知道我是否應該在這些規則中添加任何內容。
或者，如果您有很好的資源來了解依賴關系以及如何優化它們，請分享。

Answer 1

好像你已經涵蓋了所有內容。 您可以 go 這個下面的鏈接了解更多關於並發 model 和事件循環的詳細信息。

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