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

　　- 瀏覽器向服務(wù)器發(fā)送http請(qǐng)求，如果服務(wù)器段返回以301之類的重定向，瀏覽器根據(jù)相應(yīng)頭中的location再次發(fā)送請(qǐng)求。

　　- 服務(wù)器端接受請(qǐng)求，處理請(qǐng)求生成html代碼，返回給瀏覽器，這時(shí)的html頁(yè)面代碼可能是經(jīng)過(guò)壓縮的

　　瀏覽器接收服務(wù)器響應(yīng)結(jié)果，如果有壓縮則首先進(jìn)行解壓處理，緊接著就是頁(yè)面解析渲染

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

　　- 解析HTML----構(gòu)建DOM樹----DOM樹與CSS樣式進(jìn)行附著構(gòu)造呈現(xiàn)樹------布局、繪制

　　- **詳細(xì)過(guò)程如下**：

　　- 1)用戶輸入網(wǎng)址(假設(shè)是個(gè)html頁(yè)面，并且是第一次訪問(wèn))，瀏覽器向服務(wù)器發(fā)出請(qǐng)求，服務(wù)器返回html文件。

　　- 2)瀏覽器開始載入html代碼，發(fā)現(xiàn)標(biāo)簽內(nèi)有一個(gè)標(biāo)簽引用外部CSS文件。

　　- 3)瀏覽器又發(fā)出CSS文件的請(qǐng)求，服務(wù)器返回這個(gè)CSS文件。

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

　　- 5)瀏覽器在代碼中發(fā)現(xiàn)一個(gè)標(biāo)簽引用了一張圖片，向服務(wù)器發(fā)出請(qǐng)求。此時(shí)瀏覽器不會(huì)等到圖片下載完，而是繼續(xù)渲染后面的代碼。

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

　　- 7)瀏覽器發(fā)現(xiàn)了一個(gè)包含一行Javascript代碼。

　　更多關(guān)于前端培訓(xùn)的問(wèn)題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。