常見面試題：html頁面渲染方式和流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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