- **用戶輸入url地址，瀏覽器根據域名尋找IP地址**

　　- 瀏覽器向服務器發送http請求，如果服務器段返回以301之類的重定向，瀏覽器根據相應頭中的location再次發送請求。

　　- 服務器端接受請求，處理請求生成html代碼，返回給瀏覽器，這時的html頁面代碼可能是經過壓縮的

　　瀏覽器接收服務器響應結果，如果有壓縮則首先進行解壓處理，緊接著就是頁面解析渲染

　　- **解析渲染該過程主要分為以下步驟**：

　　- 解析HTML----構建DOM樹----DOM樹與CSS樣式進行附著構造呈現樹------布局、繪制

　　- **詳細過程如下**：

　　- 1)用戶輸入網址(假設是個html頁面，并且是第一次訪問)，瀏覽器向服務器發出請求，服務器返回html文件。

　　- 2)瀏覽器開始載入html代碼，發現標簽內有一個標簽引用外部CSS文件。

　　- 3)瀏覽器又發出CSS文件的請求，服務器返回這個CSS文件。

　　- 4)瀏覽器繼續載入html中部分的代碼，并且CSS文件已經拿到手了，可以開始渲染頁面了。

　　- 5)瀏覽器在代碼中發現一個標簽引用了一張圖片，向服務器發出請求。此時瀏覽器不會等到圖片下載完，而是繼續渲染后面的代碼。

　　- 6)服務器返回圖片文件，由于圖片占用了一定面積，影響了后面段落的排布，因此瀏覽器需要回過頭來重新渲染這部分代碼。

　　- 7)瀏覽器發現了一個包含一行Javascript代碼。

　　更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓服務經驗，采用全程面授高品質、高體驗培養模式，擁有國內一體化教學管理及學員服務，助力更多學員實現高薪夢想。