瀏覽器請求數(shù)據(jù)的過程

• 1.按下回車時(shí)瀏覽器根據(jù)輸入的URL地址發(fā)送請求報(bào)文

• 2.服務(wù)器接收到請求報(bào)文，會(huì)對請求報(bào)文進(jìn)行處理

• 3.服務(wù)器將處理完的結(jié)果通過響應(yīng)報(bào)文返回給瀏覽器

• 4.瀏覽器解析服務(wù)器返回的結(jié)果，將結(jié)果顯示出來

• 請求過程驗(yàn)證

  • 1.利用chome瀏覽器打開一個(gè)網(wǎng)頁
  • 2.打開開發(fā)人員工具
  • 3.打開Network查看請求報(bào)文和響應(yīng)報(bào)文
    • 3.1請求報(bào)文
    • 一個(gè)HTTP請求報(bào)文由請求行（request line）、請求頭部（header）、空行和請求數(shù)據(jù)4個(gè)部分
  • • 3.2響應(yīng)報(bào)文
    • 一個(gè)HTTP響應(yīng)報(bào)文由響應(yīng)行、響應(yīng)頭、響應(yīng)體組成

什么是URL

• 1.我們在瀏覽器的地址欄中輸入的地址其實(shí)就是URL

• 2.URL格式：

  • 127.0.0.1/index.html （瀏覽器會(huì)自動(dòng)補(bǔ)全http:和：80）
  • http://127.0.0.1/index.html （瀏覽器會(huì)自動(dòng)補(bǔ)全：80）
  • http://127.0.0.1:80/index.html （完整格式）
  • 協(xié)議類型://ip地址:端口號(hào)/資源路徑/資源名稱

• 3.URL拆分

  • 網(wǎng)絡(luò)協(xié)議類型 http://
  • 服務(wù)器IP地址 127.0.0.1
  • 服務(wù)器端口號(hào) :80
  • 資源路徑 網(wǎng)頁在服務(wù)器上的路徑
  • 資源名稱 index.html

• 4.URL拆分后每一部分的作用

• 4.1服務(wù)器IP地址 和 服務(wù)器端口號(hào)它們兩的作用：

  • 告訴瀏覽器要去什么地方才能找到對應(yīng)的服務(wù)器， 也就是告訴瀏覽器服務(wù)器的詳細(xì)地址
  • 服務(wù)器IP地址相當(dāng)于現(xiàn)實(shí)生活中的地址； 例如：廣州市天河區(qū)棠安苑
  • 服務(wù)器端口號(hào)相當(dāng)于現(xiàn)實(shí)生活中的門牌號(hào)碼； 例如： 9棟909室
  • 那么如果將地址和門牌號(hào)碼結(jié)合在一起， 就是我的詳細(xì)地址

• 4.2資源名稱它的作用：

  • 告訴服務(wù)器我需要獲取哪一個(gè)文件

• 4.3資源名稱

  • 需要訪問的文件名稱

• 5.補(bǔ)充

  • URL全稱Uniform Resource Locator(統(tǒng)一資源定位符)， 互聯(lián)網(wǎng)上的每一個(gè)資源都有一個(gè)唯一的URL地址
  • 由于IP地址全都是數(shù)字， 沒有任何的含義，比較難以記憶。 所以在訪問網(wǎng)頁時(shí)最常見的不是IP地址而是“域名”（一串有含義的字母OR數(shù)字）
  • 好比： http://www.baidu.com AND http://111.13.100.92:80/

什么是HTTP協(xié)議

• 1.HTTP是Hypertext Transfer Protocol的縮寫, 超文本傳輸協(xié)議

• 2.什么是協(xié)議?

  • 在現(xiàn)實(shí)生活中有很多的協(xié)議, 例如租房協(xié)議/買賣協(xié)議/離婚協(xié)議
  • 無論是什么協(xié)議他們都是一個(gè)共同點(diǎn), 就是用來規(guī)范/約束某一類事物

• 3.溝通問題?

  • 溝通最常見的問題就是語言不通, 例如中國人和美國人溝通, 一個(gè)人說中文, 一個(gè)人說英文, 如果兩個(gè)人都不懂中文或者英文, 那么就會(huì)出現(xiàn)溝通問題
  • 如果要想解決溝通文件, 是不是需要先擬定規(guī)定, 兩個(gè)人都說中文, 或者兩個(gè)人都說英文, 或者請一個(gè)既懂中文又懂英文的翻譯

• 4.HTTP協(xié)議是用來規(guī)范/約束哪一類事物?

  • 瀏覽器訪問網(wǎng)頁其實(shí)就是去服務(wù)器請求數(shù)據(jù), 所以瀏覽器需要和服務(wù)器溝通, 所以也會(huì)存在溝通問題
  • HTTP協(xié)議就相當(dāng)于我們讓兩個(gè)人都說中文或者都說英文一樣, 就是提前規(guī)范兩個(gè)人之間如何溝通, 也就是規(guī)范/約束瀏覽器和服務(wù)器之間如何溝通

其它知識(shí)儲(chǔ)備

• 在Windows系統(tǒng)中如何查看文件的擴(kuò)展名

  • 默認(rèn)情況下Windows系統(tǒng)是不顯示文件的擴(kuò)展名的, 但是作為一個(gè)開發(fā)者而言, 查看文件的擴(kuò)展名是我們的必備技能
  • win10: 隨便打開一個(gè)文件夾-->點(diǎn)擊查看-->將文件擴(kuò)展名的選項(xiàng)勾選上

• 電腦上的一個(gè)文件是可以"同時(shí)"被多個(gè)軟件打開的, 不同的軟件打開可能會(huì)有不同的效果

  • 例如: 同一個(gè)index.html文件可以被多個(gè)瀏覽器和記事本一起打開
  • 例如: .html文件通過瀏覽器打開不可以編輯, 通過記事本打開可以編輯

• 什么是純文本文件?

  • 我們Windows電腦上有一款默認(rèn)安裝好的軟件叫做記事本. 這款軟件就是專門用來打開純文本文件的, 所以只要能夠被記事本打開, 并且能夠正常顯示的文件都是純文本文件
  • .html的文件可以被記事本打開, 并且能夠正常顯示,所以.html文件是一個(gè)純文本文件

學(xué)習(xí)交流方式:
1.微信公眾賬號(hào)搜索: 李南江(配套視頻,代碼,資料各種福利獲取)
2.加入前端學(xué)習(xí)交流群:
302942894 / 289964053 / 11550038