成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

從 輸入網(wǎng)址(URL)到頁(yè)面展示的過(guò)程

APICloud / 3326人閱讀

摘要：用戶輸入網(wǎng)址用戶輸入也就是我們說(shuō)的網(wǎng)址也是統(tǒng)一資源定義符用于定義互聯(lián)網(wǎng)資源比如輸入其中為協(xié)議是域名首字母的縮寫(xiě)形式。因此協(xié)議能夠確保數(shù)據(jù)不會(huì)遺失。它的缺點(diǎn)是過(guò)程復(fù)雜實(shí)現(xiàn)困難消耗較多的資源。

1.用戶輸入url網(wǎng)址(URL)

用戶輸入url(也就是我們說(shuō)的網(wǎng)址,也是統(tǒng)一資源定義符,用于定義互聯(lián)網(wǎng)資源)

比如輸入https://www.baidu.com

其中https為協(xié)議

baidu.com是域名

www:World Wide Web”首字母的縮寫(xiě)形式?！癢WW”在我國(guó)曾被譯為“環(huán)球網(wǎng)”、“環(huán)球信息網(wǎng)”、“超媒體環(huán)球信息網(wǎng)”等,為什么要加,我猜是規(guī)范,有些網(wǎng)址不加www也能訪問(wèn)

有時(shí)候域名后面會(huì)跟端口號(hào)如xxx.com:8080,8080就是端口號(hào)

互聯(lián)網(wǎng)上的每一臺(tái)計(jì)算機(jī)，都會(huì)分配到一個(gè)IP地址,規(guī)定網(wǎng)絡(luò)地址的協(xié)議，叫做IP協(xié)議。它所定義的地址，就被稱為IP地址,那為什么我們輸入網(wǎng)址而不是IP地址?因?yàn)榫W(wǎng)址是語(yǔ)義化的好記憶,而IP是類似:192.168.1.0,不易人記憶.

IP尋址:瀏覽器根據(jù)輸入的網(wǎng)址去尋找它對(duì)應(yīng)的IP地址

首先需了解

DNS(網(wǎng)域名稱系統(tǒng)): 是互聯(lián)網(wǎng)的一項(xiàng)服務(wù),它作為將域名和IP地址相互映射的一個(gè)分布式數(shù)據(jù)庫(kù)，能夠使人更方便地訪問(wèn)互聯(lián)網(wǎng),DNS使用TCP和UDP端口53

TCP:為了解決這個(gè)問(wèn)題，提高網(wǎng)絡(luò)可靠性，TCP協(xié)議就誕生了。這個(gè)協(xié)議非常復(fù)雜，但可以近似認(rèn)為，它就是有確認(rèn)機(jī)制的UDP協(xié)議，每發(fā)出一個(gè)數(shù)據(jù)包都要求確認(rèn)。如果有一個(gè)數(shù)據(jù)包遺失，就收不到確認(rèn)，發(fā)出方就知道有必要重發(fā)這個(gè)數(shù)據(jù)包了。因此TCP協(xié)議能夠確保數(shù)據(jù)不會(huì)遺失。

它的缺點(diǎn)是過(guò)程復(fù)雜、實(shí)現(xiàn)困難、消耗較多的資源。TCP協(xié)議具體實(shí)現(xiàn)是"三次握手":如圖:

UDP : 我們必須在數(shù)據(jù)包中加入端口信息，這就需要新的協(xié)議。最簡(jiǎn)單的實(shí)現(xiàn)叫做UDP協(xié)議,UDP數(shù)據(jù)包，也是由"標(biāo)頭"和"數(shù)據(jù)"UDP協(xié)議的優(yōu)點(diǎn)是比較簡(jiǎn)單，容易實(shí)現(xiàn).

缺點(diǎn):可靠性較差，一旦數(shù)據(jù)包發(fā)出，無(wú)法知道對(duì)方是否收到。

網(wǎng)址到IP地址的轉(zhuǎn)換，這個(gè)過(guò)程就是DNS解析，實(shí)現(xiàn)了網(wǎng)址到IP地址的轉(zhuǎn)換,其步驟如下

域名解析:

1.先從瀏覽器緩存里找IP,因?yàn)闉g覽器會(huì)緩存DNS記錄一段時(shí)間

2.如沒(méi)找到,再?gòu)腍osts文件查找是否有該域名和對(duì)應(yīng)IP

3.如沒(méi)找到,再?gòu)穆酚善骶彺嬲?/p>

4.如沒(méi)好到,再?gòu)腄NS緩存查找

5.如果都沒(méi)找到,瀏覽器域名服務(wù)器向根域名服務(wù)器(baidu.com)查找域名對(duì)應(yīng)IP,還沒(méi)找到就把請(qǐng)求轉(zhuǎn)發(fā)到下一級(jí),直到找到IP

補(bǔ)充:什么是dns劫持:黑客攻擊根域名服務(wù)器的節(jié)點(diǎn),發(fā)生在上面第四步,從DNS緩存數(shù)據(jù)庫(kù)里找時(shí)被惡意改為其他的網(wǎng)址,所以請(qǐng)求到的是其他網(wǎng)址.

3.服務(wù)器處理

服務(wù)器:是一臺(tái)安排了系統(tǒng)的機(jī)器,常見(jiàn)的系統(tǒng)如linux,windows server2012,系統(tǒng)里安裝的處理請(qǐng)求應(yīng)用叫 Web server,常用Web服務(wù)器有Apache.

處理流程如圖:

Rails路由匹配網(wǎng)址,通過(guò)控制器從數(shù)據(jù)里取出模型數(shù)據(jù),顯示到視圖.簡(jiǎn)稱為MVC模式.而前端開(kāi)發(fā)者專注在上圖的視圖view的處理.

4 瀏覽器處理

服務(wù)器通過(guò)后臺(tái)語(yǔ)言程序處理,找到數(shù)據(jù)返回給瀏覽器,HTML字符串被瀏覽器接受后被一句句讀取解析,解析到link標(biāo)簽后重新發(fā)送請(qǐng)求獲取css,解析到sript標(biāo)簽后發(fā)送請(qǐng)求獲取js,并執(zhí)行代碼

5.繪制網(wǎng)頁(yè)

關(guān)于瀏覽器引擎渲染,可以看這個(gè):瀏覽器內(nèi)核和javascript引擎

瀏覽器根據(jù)HTML和CSS計(jì)算得到渲染樹(shù),繪制到屏幕上,js會(huì)被執(zhí)行

上述整個(gè)請(qǐng)求大致過(guò)程如下:涉及到DNS域名解析查找IP過(guò)程.

這篇文章涉及的東西太多太復(fù)雜,需花很長(zhǎng)時(shí)間整體,但面試經(jīng)常被問(wèn)到,作為一個(gè)熱愛(ài)前端開(kāi)發(fā)者自然好奇想弄清其中真相.

備注:如需了解IP尋址的細(xì)節(jié)和htttp協(xié)議請(qǐng)點(diǎn)擊:互聯(lián)網(wǎng)協(xié)議入門(mén)（一）,互聯(lián)網(wǎng)協(xié)議入門(mén)（二）

參考資料:

阮一峰互聯(lián)網(wǎng)協(xié)議入門(mén) ;

DNS解析.

—————————————————————————————————————

"聽(tīng)很多大神說(shuō)寫(xiě)博客可以提高技術(shù)水平,以后會(huì)養(yǎng)成寫(xiě)博客習(xí)慣,也是方便自己復(fù)習(xí)".

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91824.html

相關(guān)文章

  • 從 輸入網(wǎng)址(URL)到頁(yè)面展示的過(guò)程

    摘要：用戶輸入網(wǎng)址用戶輸入也就是我們說(shuō)的網(wǎng)址也是統(tǒng)一資源定義符用于定義互聯(lián)網(wǎng)資源比如輸入其中為協(xié)議是域名首字母的縮寫(xiě)形式。因此協(xié)議能夠確保數(shù)據(jù)不會(huì)遺失。它的缺點(diǎn)是過(guò)程復(fù)雜實(shí)現(xiàn)困難消耗較多的資源。 1.用戶輸入url網(wǎng)址(URL) 用戶輸入url(也就是我們說(shuō)的網(wǎng)址,也是統(tǒng)一資源定義符,用于定義互聯(lián)網(wǎng)資源) 比如輸入https://www.baidu.com 其中https為協(xié)議 baidu....

    isLishude 評(píng)論0 收藏0

  • 用戶輸入一個(gè)網(wǎng)址到頁(yè)面展示內(nèi)容的這段時(shí)間內(nèi)，瀏覽器和服務(wù)器都發(fā)生了生么事情？

    摘要：進(jìn)行協(xié)議會(huì)話，瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺(tái)的服務(wù)器處理請(qǐng)求，如等服務(wù)器。頁(yè)面開(kāi)始解析渲染，根據(jù)規(guī)則解析并結(jié)合文檔樹(shù)進(jìn)行網(wǎng)頁(yè)內(nèi)容布局和繪制渲染，提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等，頁(yè)面整個(gè)展示過(guò)程完成。 1 在接收到用戶輸入的網(wǎng)址后，瀏覽器會(huì)開(kāi)啟一個(gè)縣城來(lái)處理這個(gè)請(qǐng)求，對(duì)用戶輸入的URL地址進(jìn)行分析判斷，如果是HTTP協(xié)議就按照 HTTP方式來(lái)處理。 2 調(diào)用瀏覽器...

    zhangke3016 評(píng)論0 收藏0

  • 用戶輸入一個(gè)網(wǎng)址到頁(yè)面展示內(nèi)容的這段時(shí)間內(nèi)，瀏覽器和服務(wù)器都發(fā)生了生么事情？

    摘要：進(jìn)行協(xié)議會(huì)話，瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺(tái)的服務(wù)器處理請(qǐng)求，如等服務(wù)器。頁(yè)面開(kāi)始解析渲染，根據(jù)規(guī)則解析并結(jié)合文檔樹(shù)進(jìn)行網(wǎng)頁(yè)內(nèi)容布局和繪制渲染，提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等，頁(yè)面整個(gè)展示過(guò)程完成。 1 在接收到用戶輸入的網(wǎng)址后，瀏覽器會(huì)開(kāi)啟一個(gè)縣城來(lái)處理這個(gè)請(qǐng)求，對(duì)用戶輸入的URL地址進(jìn)行分析判斷，如果是HTTP協(xié)議就按照 HTTP方式來(lái)處理。 2 調(diào)用瀏覽器...

    justjavac 評(píng)論0 收藏0

  • 用戶輸入一個(gè)網(wǎng)址到頁(yè)面展示內(nèi)容的這段時(shí)間內(nèi)，瀏覽器和服務(wù)器都發(fā)生了生么事情？

    摘要：進(jìn)行協(xié)議會(huì)話，瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺(tái)的服務(wù)器處理請(qǐng)求，如等服務(wù)器。頁(yè)面開(kāi)始解析渲染，根據(jù)規(guī)則解析并結(jié)合文檔樹(shù)進(jìn)行網(wǎng)頁(yè)內(nèi)容布局和繪制渲染，提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等，頁(yè)面整個(gè)展示過(guò)程完成。 1 在接收到用戶輸入的網(wǎng)址后，瀏覽器會(huì)開(kāi)啟一個(gè)縣城來(lái)處理這個(gè)請(qǐng)求，對(duì)用戶輸入的URL地址進(jìn)行分析判斷，如果是HTTP協(xié)議就按照 HTTP方式來(lái)處理。 2 調(diào)用瀏覽器...

    pakolagij 評(píng)論0 收藏0

  • 【譯】Excess-XSS 一份關(guān)于 XSS 的綜合教程

    摘要：示例攻擊如何進(jìn)行下圖展示了攻擊者如何進(jìn)行攻擊攻擊者利用網(wǎng)站的表單插入惡意字符串到網(wǎng)站數(shù)據(jù)庫(kù)中。恰恰相反，至少有兩種常見(jiàn)的方式，會(huì)導(dǎo)致受害者發(fā)起針對(duì)自己的反射型攻擊。攻擊者精心構(gòu)造了一個(gè)包含惡意字符串的，將其發(fā)送給受害者。 原文地址：http://excess-xss.com/。如有翻譯不當(dāng)之處，歡迎指出 :D 分為四部分： 概述 XSS 攻擊 XSS 防御 總結(jié) 第一部分：概述 X...

    timger 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<