本帖最後由 michael3636 於 2015-5-1 18:05 編輯
PART 1
- 正名: "POST" 這個(gè)叫法是很不科學(xué)的,必須正名,它真的真名是: XHR (Xml Http Requset)
墊底的知識(shí)點(diǎn):
當(dāng)我們打開瀏覽器,在裡面的輸入網(wǎng)址(http://bbs.),然後按下回車之後:
- 瀏覽器連接DNS服務(wù)器:把按鍵的域名域名解析為IP地址(117.27.152.245:80),域名是為了讓我們?nèi)祟惡糜浐腿菀桌斫舛嬖诘?真正http通訊,它所需要的永遠(yuǎn)是IP地址.
- 當(dāng)瀏覽器得到IP地址以後:連接這個(gè)按鍵論壇的IP
- 連接成功後:向地址服務(wù)器發(fā)送消息,消息永遠(yuǎn)分2個(gè)部分
- 瀏覽器自己發(fā)給服務(wù)的消息:比如:我是啥瀏覽器,我的工作系統(tǒng)是什麼系統(tǒng),我能處理什麼格式的文件,我比較偏向簡(jiǎn)體中文的網(wǎng)頁(yè)語(yǔ)言,我從什麼網(wǎng)址來(lái)到你這個(gè)服務(wù)器的等等...
- 我們使用者向服務(wù)器提交的請(qǐng)求:比如我要去的地方是按鍵的綜合討論板塊 等等
4.按鍵服務(wù)器接受到我們的請(qǐng)求以後開始工作了:
- 首先.給瀏覽器發(fā)個(gè)應(yīng)答信息,意思是告訴瀏覽器,你的信息我收到了.我打算幹啥.這個(gè)信息是用數(shù)字表達(dá)的..不同的數(shù)字代碼不同的含義比如:200(代表我收到了,下面我將開始發(fā)給你你所請(qǐng)求的內(nèi)容)301(我收到了,你去我給你的網(wǎng)址服務(wù)器拿吧,下面我把網(wǎng)址發(fā)給你)304(我收到了,你從緩存去拿網(wǎng)頁(yè)吧..我就不發(fā)了)400(我收到了..但是你發(fā)的是啥啊我看不懂)404(我收到了,但是你請(qǐng)求的東西不存在啊)等等
- 如果服務(wù)器返回的數(shù)字是200,這個(gè)工作才存在,服務(wù)器給瀏覽器發(fā)送數(shù)據(jù),數(shù)據(jù)也包括2個(gè)內(nèi)容,發(fā)給瀏覽器本身的和發(fā)給我們的,發(fā)給瀏覽器的有:我是啥服務(wù)器,我發(fā)給你的時(shí)間是什麼時(shí)間(服務(wù)器的時(shí)間哦,,大家想到點(diǎn)啥?),我發(fā)給你的內(nèi)容是用什麼方式壓縮的,我發(fā)給你的內(nèi)容一共多長(zhǎng),我發(fā)給你的網(wǎng)頁(yè)是用什麼字符編碼的,等等等 順便提一下:cookie也是在這發(fā)的......第2部分:發(fā)給我們的網(wǎng)頁(yè)的內(nèi)容
5.瀏覽器開始接受服務(wù)器發(fā)來(lái)的內(nèi)容,根據(jù)服務(wù)器發(fā)給瀏覽器本身的東西,開始工作,哦..你用gzip壓縮過啊..我就用gzip方式解 壓, 哦,你用gbk編碼的啊..我得用gbk解碼,哦你發(fā)的cookie啊..我該存的存,該改的改,,該刪的刪...哦,這是你的網(wǎng)頁(yè)源文件啊..我收收收..
6.數(shù)據(jù)接收完成後,瀏覽器開始處理數(shù)據(jù)了,網(wǎng)頁(yè)裡的代碼該執(zhí)行的執(zhí)行,網(wǎng)頁(yè)裡的圖片和文件該下載的下載(這類資源文件是不包含在網(wǎng)頁(yè)裡的,網(wǎng)頁(yè)裡只有一個(gè)鏈接,瀏覽器得燈具鏈接去下載才能得到),根據(jù)網(wǎng)頁(yè)裡的css內(nèi)容,基於網(wǎng)頁(yè)元素進(jìn)行排版,最終生成網(wǎng)頁(yè),顯示在我們眼前
7.響應(yīng)用戶的各種操作,根據(jù)用戶的操作做出相應(yīng)的行為,或者是提交表單.或者去是一個(gè)鏈接,或者是運(yùn)行一段js代碼等等
以上,就是瀏覽器的工作流程,當(dāng)我們?cè)跒g覽器裡點(diǎn)擊鏈接或者輸入地址的後,,它就和服務(wù)器重複的進(jìn)行如上的工作,從而讓我們看到並操作網(wǎng)頁(yè)
以下為本帖隱藏內(nèi)容 ============================== 一些補(bǔ)充的知識(shí)點(diǎn):
- 一張網(wǎng)頁(yè)遠(yuǎn)遠(yuǎn)不止是一次http請(qǐng)求所得,是很多次請(qǐng)求的綜合體:我們看到的圖片/聽到的聲音/很多js代碼/很多css規(guī)則/他們都是以文件形式存在的,瀏覽器得根據(jù)網(wǎng)頁(yè)得內(nèi)容去分別下載
- 網(wǎng)頁(yè)是帶有代碼的,瀏覽器是會(huì)執(zhí)行代碼的,編寫這個(gè)代碼的語(yǔ)言是javascript,也是種腳本語(yǔ)言,IE內(nèi)核的瀏覽器支持2種腳本語(yǔ)言:javascript和vbs(IE12以前是這樣的,,,據(jù)傳IE12也開始不支持vbs了) 其他內(nèi)核瀏覽器只支持javascript,真因?yàn)槿绱?所以現(xiàn)在的網(wǎng)頁(yè)都只帶一種代碼,javascript,簡(jiǎn)稱js
- 同一個(gè)網(wǎng)址為啥他顯示的是中文版的,我顯示的是英文版的?答案在上面的3,瀏覽器向服務(wù)器發(fā)的語(yǔ)言偏好不一樣導(dǎo)致的(前提是服務(wù)器得有同一個(gè)網(wǎng)頁(yè)請(qǐng)求得不同語(yǔ)言版本!!!)
- 看到的網(wǎng)頁(yè)和源文件對(duì)不上? 因?yàn)榫W(wǎng)頁(yè)裡的js代碼帶有改變網(wǎng)頁(yè)的內(nèi)容,瀏覽器執(zhí)行了這些代碼..網(wǎng)頁(yè)內(nèi)容被js改過了,所以不一樣了.
- Cookie是啥: 所有http服務(wù)器有個(gè)特點(diǎn),他們沒有記憶力,當(dāng)你打開一個(gè)網(wǎng)頁(yè),馬上再去打開的時(shí)候,他們壓根是不知道你幾秒前曾經(jīng)來(lái)過,為了讓服務(wù)器克服這個(gè)毛病..cookie就誕生了,,,他們由服務(wù)器發(fā)過來(lái)並被瀏覽器保存,瀏覽器每次請(qǐng)求都會(huì)帶著保存目標(biāo)服務(wù)器的曾經(jīng)給過它的cookie...服務(wù)器不認(rèn)識(shí)你,,但是它認(rèn)識(shí)cookie..它通過cookie間接的認(rèn)識(shí)..並且也根據(jù)cookie的內(nèi)容知道你曾經(jīng)在它那幹了點(diǎn)啥.......比如:你登陸過..登陸名是什麼..你上次瀏覽網(wǎng)站是什麼時(shí)候,,,你瀏覽過哪些頁(yè)面..等等等等...這些信息都直接或者間接的來(lái)自cookie...
- Catche是啥:Catche就是緩存,是為了節(jié)省帶寬和提高網(wǎng)頁(yè)顯示速度而存在的,它是網(wǎng)頁(yè)的拷貝副本.除了你的瀏覽器設(shè)置,服務(wù)器也會(huì)告訴瀏覽器啟不啟用緩存功能...當(dāng)他返回304的時(shí)候..瀏覽器就從緩存讀網(wǎng)頁(yè)了..同時(shí),網(wǎng)站也不會(huì)發(fā)給你網(wǎng)頁(yè)了..這就節(jié)省了服務(wù)器的帶寬了..同時(shí),瀏覽器從硬盤讀網(wǎng)頁(yè)速度當(dāng)然遠(yuǎn)遠(yuǎn)快於服務(wù)器傳給你網(wǎng)頁(yè)..你的顯示也就快了....上網(wǎng)體驗(yàn)也就好了
好了,讓我們整理下瀏覽器的功能吧:
- 瀏覽器功能=通過http協(xié)議取得網(wǎng)頁(yè)源文件,並且根據(jù)服務(wù)器的要求處理數(shù)據(jù)(cookie和Catche) +下載源文件裡指定的各種資源文件+執(zhí)行js腳本代碼+根據(jù)css規(guī)則進(jìn)行網(wǎng)頁(yè)排版並最終顯示
再進(jìn)一步:
- 瀏覽器功能=XHR +下載源文件裡指定的各種資源文件+執(zhí)行js腳本代碼+根據(jù)css規(guī)則進(jìn)行網(wǎng)頁(yè)排版並最終顯示
所以XHR的功能大家也明白了
- XHR:通過http協(xié)議取得網(wǎng)頁(yè)源文件,並且根據(jù)服務(wù)器的要求處理數(shù)據(jù)(cookie和Catche)的這麼個(gè)玩樣.也就是實(shí)現(xiàn)了上面瀏覽器功能的1--5的步驟
個(gè)人補(bǔ)充:其實(shí)這麼定義是根本不全面和完整的.我完全是基於我們?cè)诎存I裡使用它的功能來(lái)定義的.在按鍵裡..我們也就是用到了HR(Http Reauqest)功能.X(Xml,一種文檔格式,在網(wǎng)頁(yè)應(yīng)用上有舉足輕重的地位)壓根用不上,大家將就著看吧....那為何叫XHR而不是叫HR呢....全世界都這麼叫嘛..我總不成為了按鍵改成HR吧....
==============================
囉嗦完了,我儘量用了最最普通的文字去解解釋所有涉及的知識(shí)概念,可能不是很精確.大家諒解吧..畢竟我的期望是所有人都能看懂!!!
|
