面試題：從一個url地址到頁面渲染完成 發(fā)生了什么

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)公司的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個不僅審美在線，而且實用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。

1.DNS解析 將域名地址解析為IP地址
瀏覽器的DNS緩存
系統(tǒng)DNS緩存
路由器DNS緩存
網(wǎng)絡(luò)運營商DNS緩存
遞歸搜索
2.TCP鏈接 TCP三次握手
第一次握手，由瀏覽器發(fā)起，告訴服務(wù)器我要發(fā)請求了
第二次握手 由服務(wù)器發(fā)起 告訴瀏覽器我準(zhǔn)備接受了 你趕緊發(fā)送吧
第三次握手 由瀏覽器發(fā)起 告訴服務(wù)器我馬上就發(fā)了 準(zhǔn)備接收吧

3.發(fā)送請求
請求報文 http協(xié)議的通信內(nèi)容

4接受響應(yīng)
響應(yīng)報文

5渲染頁面
遇見HTML標(biāo)記 瀏覽器調(diào)用html解析器解析成Token并構(gòu)建成dom樹
遇見style/link標(biāo)記 瀏覽器會調(diào)用css解析器處css標(biāo)記并構(gòu)建成cssom樹
遇到script標(biāo)記 調(diào)用js解析器 處理script代碼（綁定事件 修改dom、cssom樹）
將dom樹和cssom樹合并成一個渲染樹
根據(jù)渲染樹來計算布局 將各個節(jié)點顏色繪制到屏幕上（渲染）

 注意：
 這五個步驟不一定按順序執(zhí)行  如果dom樹 或者cssom樹被修改了可能會執(zhí)行多次布局和渲染
 往往實際頁面中，這些步驟都會執(zhí)行多次的

6.斷開連接 TCP四次揮手
第一次揮手 由瀏覽器發(fā)起的 發(fā)送給服務(wù)器 我東西發(fā)送完了（請求報文），你準(zhǔn)備關(guān)閉吧
第二次揮手 由服務(wù)器發(fā)起的 告訴瀏覽器我東西接受完了（請求報文） 我準(zhǔn)備關(guān)閉了 你也準(zhǔn)備吧
第三次揮手 有服務(wù)器發(fā)起 告訴瀏覽器我東西發(fā)送完了（響應(yīng)報文） 你準(zhǔn)備關(guān)閉吧
第四次揮手 由瀏覽器發(fā)起 告訴服務(wù)器 我東西接受完了（響應(yīng)報文） 準(zhǔn)備關(guān)閉了 你也準(zhǔn)備吧

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：從url輸入網(wǎng)址-創(chuàng)新互聯(lián)
URL標(biāo)題：http://www.aaarwkj.com/article28/iepcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、云服務(wù)器、關(guān)鍵詞優(yōu)化、自適應(yīng)網(wǎng)站、微信小程序、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)