http 請求步驟 粗淺理解
當用戶輸入網址 :
1. 瀏覽器 搜索自身的dns緩存
2. 搜索操作系統自身的dns緩存(瀏覽器沒有找到緩存或緩存已經失效)
3. 讀取本地host文件
4. 瀏覽器發起一個dns的一個系統調用(向網絡運營商)
5. 帶寬運營商服務器查看本身緩存
6. 運營商服務器發起一個迭代的dns解析的請求
7. 運營商服務器吧結果返回到操作系統內核 同事緩存起來
8. 操作系統內核把結果返回給瀏覽器
9. 最終瀏覽器拿到了 對應網址的 ip地址
10. 瀏覽器拿到ip地址後 就會發起經典的 三次握手
11. tcp/ip建立後 瀏覽器就可以向服務器發起http請求了
12. 服務器接收到了這個請求, 根據路徑參數,經過後端處理之後,把處理結果返回給瀏覽器,把完整的html頁面代碼返回給瀏覽器
13. 瀏覽器拿到html代碼 然後開始渲染頁面,裏面的js , css, 圖片資源同樣也是http請求 , 要重複上述步驟
14. 瀏覽器根據上述資源進行渲染,最終把完整的頁面呈現給客戶。
1. 瀏覽器 搜索自身的dns緩存
2. 搜索操作系統自身的dns緩存(瀏覽器沒有找到緩存或緩存已經失效)
3. 讀取本地host文件
4. 瀏覽器發起一個dns的一個系統調用(向網絡運營商)
5. 帶寬運營商服務器查看本身緩存
6. 運營商服務器發起一個迭代的dns解析的請求
7. 運營商服務器吧結果返回到操作系統內核 同事緩存起來
8. 操作系統內核把結果返回給瀏覽器
9. 最終瀏覽器拿到了 對應網址的 ip地址
10. 瀏覽器拿到ip地址後 就會發起經典的 三次握手
11. tcp/ip建立後 瀏覽器就可以向服務器發起http請求了
12. 服務器接收到了這個請求, 根據路徑參數,經過後端處理之後,把處理結果返回給瀏覽器,把完整的html頁面代碼返回給瀏覽器
13. 瀏覽器拿到html代碼 然後開始渲染頁面,裏面的js , css, 圖片資源同樣也是http請求 , 要重複上述步驟
14. 瀏覽器根據上述資源進行渲染,最終把完整的頁面呈現給客戶。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
怎樣讓div中的字上下左右居中
shaochengand
2020-07-08 11:56:57
TOMCAT下配置項目路徑
shaochengand
2020-07-08 11:56:57
Axios--基礎知識
GQ_cyan
2020-07-08 11:50:38
HTML5入門之常用標籤
blackcatkiller
2020-07-08 10:51:12
uniapp的相關介紹
大佬养成记
2020-07-08 07:55:30
uniapp的那些坑
1.selectedColor不起作用 1.查看位置是否寫對,與lis同級 2.是否爲16進制,selectedColor寫的rgb不支持 3.是否被其他樣式覆蓋,其他地方也設置過sele
大佬养成记
2020-07-08 07:55:14
javascript之基於tensorflow的posenet項目
嵇康
2020-07-08 04:18:10
Web前端-Vue--vue-cli腳手架
yanghainan0318
2020-07-08 01:18:38
Web前端-Vue--路由,本地mock數據搭建,keep-alive,active-class,重定向redirect
yanghainan0318
2020-07-08 01:18:38
前端小白快速入門 之(一)HTML5 詳解
浪子花梦
2020-07-08 00:22:12
初入前端項目實訓-音樂之家
风云庐陵水
2020-07-07 19:57:39
html5前端圖片壓縮,只需幾行底層代碼搞定,大小可配置
/** * 圖片壓縮,大仙造 * 技術交流495120021 * @param fil * @param id */
jly_灵宝娃
2020-07-07 14:42:11
深度理解瀏覽器前端優化
June.1
2020-07-07 11:48:23
html 編碼規範
https://segmentfault.com/a/1190000002465212#articleHeader7 html 編碼 規範
微笑吃橘子
2020-07-07 10:28:55