從URL輸入到頁面展現(xiàn)的全過程

什么是URL暂论?

URL是Uniform Resource Location的縮寫逆害,譯為“ ==統(tǒng)一資源定位符== ” 往果。

  • URL主要用在各種WWW客戶程序和服務(wù)器程序上筑公。
  • URL包含協(xié)議部分,是瀏覽器和萬維網(wǎng)之間的溝通方式孽水,瀏覽器定位互聯(lián)網(wǎng)上的資源票腰。
    1. HTTP協(xié)議:應(yīng)用層的面向?qū)ο蟮膮f(xié)議,簡(jiǎn)捷女气、快速杏慰,適用于分布式超媒體系統(tǒng);
    2. HTTPS協(xié)議:由SSL+HTTP協(xié)議構(gòu)建的可進(jìn)行加密傳輸炼鞠、身份認(rèn)證的網(wǎng)絡(luò)協(xié)議 要比http協(xié)議安全缘滥;
    3. file協(xié)議:訪問本地計(jì)算機(jī)中的文件;
    4. ftp協(xié)議:用于Internet上的控制文件的雙向傳輸谒主;
  • 域名部分:www.baidu.com ;一個(gè)URL中朝扼,也可以使用IP地址作為域名
  • 端口部分:跟在域名后面的是端口,域名和端口之間使用“:”作為分隔符霎肯。==省略端口是默認(rèn)端口80==
  • 虛擬目錄部分:從域名后的第一個(gè)“/”開始到最后一個(gè)“/”為止擎颖,是虛擬目錄部分。虛擬目錄不是一個(gè)URL必須的部分观游。
  • 文件名部分:從域名后的最后一個(gè)“/”開始到“搂捧?”為止,是文件名部分懂缕,如果沒有“?”,則是從域名后的最后一個(gè)“/”開始到“#”為止允跑,是文件部分,如果沒有“搪柑?”和“#”吮蛹,那么從域名后的最后一個(gè)“/”開始到結(jié)束,都是文件名部分拌屏。
  • 錨部分:從“#”開始到最后,都是錨部分术荤。
  • 參數(shù)部分:從“倚喂?”開始到“#”為止之間的部分為參數(shù)部分,又稱搜索部分、查詢部分端圈。

域名解析

域名解析是把域名指向網(wǎng)站空間IP焦读,通過注冊(cè)的域名可以方便地訪問到網(wǎng)站。IP地址是網(wǎng)絡(luò)上標(biāo)識(shí)站點(diǎn)的數(shù)字地址舱权,為了方便記憶矗晃,采用域名來代替IP地址標(biāo)識(shí)站點(diǎn)地址。域名解析就是域名到IP地址的轉(zhuǎn)換過程宴倍。域名的解析工作由DNS服務(wù)器完成张症。

IP地址是什么

  • 每個(gè)處于互聯(lián)網(wǎng)中的設(shè)備都有IP 地址,形如 192.168.0.1
  • 局域網(wǎng) IP 和公網(wǎng) IP 是有差別的
  • 127.0.0.1代表本機(jī)的 IP

域名解析的流程

瀏覽器緩存 – 瀏覽器會(huì)緩存DNS記錄一段時(shí)間
系統(tǒng)緩存 - 從 Hosts 文件查找是否有該域名和對(duì)應(yīng) IP鸵贬。
路由器緩存 – 一般路由器也會(huì)緩存域名信息俗他。
ISP DNS 緩存 – 比如到電信的 DNS 上查找緩存。
如果都沒有找到阔逼,則向根域名服務(wù)器查找域名對(duì)應(yīng) IP兆衅,根域名服務(wù)器把請(qǐng)求轉(zhuǎn)發(fā)到下一級(jí),知道找到 IP

電腦上不了網(wǎng)嗜浮,為什么修改dns為8.8.8.8或者114.114.114.114?
8.8.8.8羡亩,谷歌dns服務(wù)器,直接訪問谷歌瀏覽器會(huì)比較快;

服務(wù)器處理

服務(wù)器是一臺(tái)安裝系統(tǒng)的機(jī)器危融,常見的系統(tǒng)如Linux畏铆、windows server 2012

系統(tǒng)里安裝的處理請(qǐng)求的應(yīng)用叫 Web server

Web服務(wù)器

常見的 web服務(wù)器有 Apache、Nginx专挪、IIS及志、Lighttpd
web服務(wù)器接收用戶的Request 交給網(wǎng)站代碼,或者接受請(qǐng)求反向代理到其他 web服務(wù)器
web服務(wù)器


image

網(wǎng)站處理流程

MVC 模型(model)-視圖(view)-控制器(controller)


image

瀏覽器處理

  1. HTML字符串被瀏覽器接受后被一句句讀取解析

  2. 解析到link標(biāo)簽后重新發(fā)送請(qǐng)求獲取css

  3. 解析到 script標(biāo)簽后發(fā)送請(qǐng)求獲取 js寨腔,并執(zhí)行代碼

  4. 解析到img標(biāo)簽后發(fā)送請(qǐng)求獲取圖片資源

繪制網(wǎng)頁

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市迫卢,隨后出現(xiàn)的幾起案子倚搬,更是在濱河造成了極大的恐慌,老刑警劉巖乾蛤,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件每界,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡家卖,警方通過查閱死者的電腦和手機(jī)眨层,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來上荡,“玉大人趴樱,你說我怎么就攤上這事。” “怎么了叁征?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵纳账,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我捺疼,道長(zhǎng)疏虫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任啤呼,我火速辦了婚禮卧秘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘媳友。我一直安慰自己斯议,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布醇锚。 她就那樣靜靜地躺著哼御,像睡著了一般。 火紅的嫁衣襯著肌膚如雪焊唬。 梳的紋絲不亂的頭發(fā)上恋昼,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音赶促,去河邊找鬼液肌。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鸥滨,可吹牛的內(nèi)容都是我干的嗦哆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼婿滓,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼老速!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凸主,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤橘券,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后卿吐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體旁舰,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年嗡官,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了箭窜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衍腥,死狀恐怖绽快,靈堂內(nèi)的尸體忽然破棺而出芥丧,到底是詐尸還是另有隱情,我是刑警寧澤坊罢,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站擅耽,受9級(jí)特大地震影響活孩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜乖仇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一憾儒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧乃沙,春花似錦起趾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蜀铲,卻和暖如春边琉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背记劝。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工变姨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人厌丑。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓定欧,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親怒竿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子砍鸠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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