從URL輸入到頁面展現(xiàn)

前言

打開瀏覽器輸入網(wǎng)址瀏覽網(wǎng)站——這個每天必做的事赡艰,之前都從未一探究竟巧号。
How does it work桃纯?
自己的第一篇博客就來聊聊

基本概念

(一)URL是什么

統(tǒng)一資源定位符(或稱統(tǒng)一資源定位器/定位地址乓序、URL地址等批狱,英語:Uniform / Universal Resource Locator,趁酚龋縮寫為URL)柜思,有時也被俗稱為網(wǎng)頁地址網(wǎng)址)。如同在網(wǎng)絡上的門牌巷燥,是因特網(wǎng)上標準的資源的地址(Address)赡盘。

URL格式一般為:
協(xié)議類型://服務器地址(必要時需加上端口號)/路徑/文件名

其中協(xié)議類型主要有:

協(xié)議名稱 解釋
http 超文本傳輸協(xié)議資源
https 用安全套接字層傳送的超文本傳輸協(xié)議
ftp 文件傳輸協(xié)議
mailto 電子郵件地址
file 本地電腦或網(wǎng)上分享的文件

有時代碼中會不寫協(xié)議,說明當前URL協(xié)議和當前頁面URL協(xié)議保持一致缰揪。

(二)IP和IP地址

互聯(lián)網(wǎng)協(xié)議地址(英語:Internet Protocol Address陨享,又譯為網(wǎng)際協(xié)議地址),縮寫為IP地址(英語:IP Address)钝腺,是分配給網(wǎng)絡上使用網(wǎng)際協(xié)議(英語:Internet Protocol, IP)的設(shè)備的數(shù)字標簽抛姑。其中又分了公網(wǎng)IP和局域網(wǎng)IP。
公網(wǎng)IP:由互聯(lián)網(wǎng)分配的一個獨占的IP地址拍屑,這個IP在全世界都是唯一的途戒。
局域網(wǎng)IP:路由器分配的IP,內(nèi)網(wǎng)的計算機可向路由器上的其他計算機發(fā)送連接請求僵驰。

從URL輸入到頁面展現(xiàn)流程

(一)域名解析

當用戶在瀏覽器中輸入URL后,通過瀏覽器緩存-系統(tǒng)緩存-路由器緩存-ISP DNS緩存查找URL對應的IP,此過程即為域名解析蒜茴。

DNS劫持:DNS劫持又稱域名劫持,是指通過某些手段取得某域名的解析控制權(quán)星爪,修改此域名的解析結(jié)果,導致對該域名的訪問由原IP地址轉(zhuǎn)入到修改后的指定IP粉私,其結(jié)果就是對特定的網(wǎng)址不能訪問或訪問的是假網(wǎng)址顽腾。

(二)服務器接收響應請求

服務器為安裝了服務器相關(guān)操作系統(tǒng)(linux、windows server)的計算機诺核,通過服務器的web server(Apache抄肖、Nginx、IIS窖杀、Lighttpd)接收用戶的請求交給網(wǎng)站代碼或接收請求反向代理到其他web服務器漓摩。

(三)網(wǎng)站處理流程

通過MVC模型


MVC

控制器接收用戶請求,并調(diào)用模型獲取相應數(shù)據(jù)入客,控制器使用使用視圖模板生成HTML傳給瀏覽器管毙。

(四)瀏覽器處理

瀏覽器獲得HTML字符串并逐一解析,若期間解析到需要重新發(fā)送請求獲取其他數(shù)據(jù)的會按照第三步進行請求桌硫。

(五)繪制網(wǎng)頁

瀏覽器根據(jù)HTML和CSS計算得到渲染樹夭咬,繪制到屏幕上JS會被執(zhí)行。(在今后深入學習后再回來補充此步驟铆隘,作深入解釋)

以上為自己學習到的一些筆記卓舵。如有錯誤還望指正。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末膀钠,一起剝皮案震驚了整個濱河市掏湾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌托修,老刑警劉巖忘巧,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異睦刃,居然都是意外死亡砚嘴,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門涩拙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來际长,“玉大人,你說我怎么就攤上這事兴泥」び” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵搓彻,是天一觀的道長如绸。 經(jīng)常有香客問我嘱朽,道長,這世上最難降的妖魔是什么怔接? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任搪泳,我火速辦了婚禮,結(jié)果婚禮上扼脐,老公的妹妹穿的比我還像新娘岸军。我一直安慰自己,他們只是感情好瓦侮,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布艰赞。 她就那樣靜靜地躺著,像睡著了一般肚吏。 火紅的嫁衣襯著肌膚如雪方妖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天须喂,我揣著相機與錄音吁断,去河邊找鬼。 笑死坞生,一個胖子當著我的面吹牛仔役,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播是己,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼又兵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了卒废?” 一聲冷哼從身側(cè)響起沛厨,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎摔认,沒想到半個月后逆皮,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡参袱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年电谣,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片抹蚀。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡剿牺,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出环壤,到底是詐尸還是另有隱情晒来,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布郑现,位于F島的核電站湃崩,受9級特大地震影響荧降,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜竹习,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一誊抛、第九天 我趴在偏房一處隱蔽的房頂上張望列牺。 院中可真熱鬧整陌,春花似錦、人聲如沸瞎领。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽九默。三九已至震放,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間驼修,已是汗流浹背殿遂。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留乙各,地道東北人墨礁。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像耳峦,于是被迫代替她去往敵國和親恩静。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容