前端加載資源

@(javascript)[頁面xrr]

加載資源

加載資源的形式

• 輸入url（或跳轉頁面）加載html
• 加載靜態資源：圖片，js，css，音視頻等

加載一個資源的過程

• 瀏覽器根據DNS服務器獲得域名的IP地址
• 向這個IP的機器發送http請求
• 服務器收到，處理並返回http請求
• 瀏覽器獲得返回內容

瀏覽器渲染頁面的過程

• 根據HTML結果生成DOM Tree
• 根據CSS生成CSSOM（CSS Object Model）
• 將DOM和CSSOM整合造成RenderTree
• 根據RenderTree開始渲染和展現
• 遇到<script>標籤時，會執行並阻塞渲染 渲染頁面的過程