請(qǐng)求瀏覽器執(zhí)行原理

# 第一步. 在瀏覽器輸入U(xiǎn)RL

### URL是什么

> - URL: 統(tǒng)一資源定位符咨油,用于定位互聯(lián)網(wǎng)上的資源

> - http、https色解、ftp、file 協(xié)議

```

http://jirengu.com/blog

file:///Users/hunger/workspace/a.html

https://10.245.23.456:3000/users

//jirengu.com/static/imgs/a.png

## 第二步. 域名解析

對(duì)于 `http://jirengu.com`的URL按价,瀏覽器實(shí)際上不知道 `jirengu.com`到底是什么東西,需要查找`jirengu.com`網(wǎng)站所在服務(wù)器的IP地址笙瑟,才能找到目標(biāo)

> 1. 為什么要發(fā)明域名楼镐,不直接用IP?

### 域名是什么

對(duì)于`http://jirengu.com:8080/blog` , `jirengu.com`就是域名

### IP地址是什么

- 每個(gè)處于互聯(lián)網(wǎng)中的設(shè)備都有IP 地址,形如 `192.168.0.1`

- 局域網(wǎng) IP 和公網(wǎng) IP 是有差別的

- `127.0.0.1`代表本機(jī)的 IP

### 域名解析的流程

1. 瀏覽器緩存 – 瀏覽器會(huì)緩存DNS記錄一段時(shí)間

2. 系統(tǒng)緩存 - 從 Hosts 文件查找是否有該域名和對(duì)應(yīng) IP往枷。

3. 路由器緩存 – 一般路由器也會(huì)緩存域名信息框产。

4. ISP DNS 緩存 – 比如到電信的 DNS 上查找緩存。

5. 如果都沒(méi)有找到错洁,則向根域名服務(wù)器查找域名對(duì)應(yīng) IP秉宿,根域名服務(wù)器把請(qǐng)求轉(zhuǎn)發(fā)到下一級(jí),知道找到 IP

> 1. 電腦上不了網(wǎng)墓臭,為什么修改dns為8.8.8.8 或者114.114.114.114?

> 2. dns 劫持是什么蘸鲸?

## 第三步. 服務(wù)器處理

服務(wù)器是一臺(tái)安裝系統(tǒng)的機(jī)器,常見(jiàn)的系統(tǒng)如Linux窿锉、windows server 2012

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

### Web服務(wù)器

- 常見(jiàn)的 web服務(wù)器有 Apache酌摇、Nginx、IIS嗡载、Lighttpd

- web服務(wù)器接收用戶的Request 交給網(wǎng)站代碼窑多,或者接受請(qǐng)求反向代理到其他 web服務(wù)器

![web服務(wù)器.png](http://7xpvnv.com2.z0.glb.qiniucdn.com/ddc261f1-3495-4225-98e8-6282f6eee422.png)

## 第四步. 網(wǎng)站處理流程

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

![rails_mvc](http://7xpvnv.com2.z0.glb.qiniucdn.com/26373b7e-83c5-41f3-bb33-c614fb8a37fd.png)

1. 瀏覽器向 /users 發(fā)送請(qǐng)求;

2. Rails 的路由把 /users 交給 Users 控制器的 index 動(dòng)作處理洼滚;

3. index 動(dòng)作要求 User 模型讀取所有用戶(User.all)埂息;

4. User 模型從數(shù)據(jù)庫(kù)中讀取所有用戶;

5. User 模型把所有用戶組成的列表返回給控制器遥巴;

6. 控制器把所有用戶賦值給 @users 變量千康,然后傳入 index 視圖;

7. 視圖使用嵌入式 Ruby 把頁(yè)面渲染成 HTML铲掐;

8. 控制器把 HTML 送回瀏覽器

## 瀏覽器處理

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

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

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

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

- 瀏覽器根據(jù) HTML 和 CSS 計(jì)算得到渲染樹(shù),繪制到屏幕上

- js 會(huì)被執(zhí)行

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末摆霉,一起剝皮案震驚了整個(gè)濱河市豪椿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌携栋,老刑警劉巖搭盾,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異婉支,居然都是意外死亡鸯隅,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門向挖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)滋迈,“玉大人霎奢,你說(shuō)我怎么就攤上這事”樱” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵帝美,是天一觀的道長(zhǎng)碍彭。 經(jīng)常有香客問(wèn)我,道長(zhǎng)悼潭,這世上最難降的妖魔是什么庇忌? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮舰褪,結(jié)果婚禮上皆疹,老公的妹妹穿的比我還像新娘。我一直安慰自己占拍,他們只是感情好略就,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著晃酒,像睡著了一般表牢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贝次,一...
    開(kāi)封第一講書(shū)人閱讀 49,036評(píng)論 1 285
  • 那天崔兴,我揣著相機(jī)與錄音,去河邊找鬼蛔翅。 笑死敲茄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的山析。 我是一名探鬼主播堰燎,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼盖腿!你這毒婦竟也來(lái)了爽待?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤翩腐,失蹤者是張志新(化名)和其女友劉穎鸟款,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體茂卦,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡何什,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了等龙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片处渣。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡伶贰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出罐栈,到底是詐尸還是另有隱情黍衙,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布荠诬,位于F島的核電站琅翻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏柑贞。R本人自食惡果不足惜方椎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望钧嘶。 院中可真熱鬧棠众,春花似錦、人聲如沸有决。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)疮薇。三九已至胸墙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間按咒,已是汗流浹背迟隅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留励七,地道東北人智袭。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像掠抬,于是被迫代替她去往敵國(guó)和親吼野。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345