個人理解瀏覽器的工作原理

Youngdze 發(fā)布于2019-08-02 15:11 / 3289人閱讀

摘要：當(dāng)我們在瀏覽器中輸入一個時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌

當(dāng)我們在瀏覽器中輸入一個url時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？

瀏覽器的工作原理就是，web瀏覽器與web服務(wù)器之間通過http協(xié)議進(jìn)行通訊的過程，c/s的握手協(xié)議就是http協(xié)議

瀏覽器接受到一個url之后發(fā)生的過程大致如下圖：

接下來說下html里的內(nèi)嵌資源是如何請求加載的 html的內(nèi)嵌請求資源主要就是js，css，image

1.js和css的資源加載都是串行的，因為瀏覽器需要一個穩(wěn)定的dom樹結(jié)構(gòu)，js中很有可能有代碼會改變dom結(jié)構(gòu)，瀏覽器為了防止這種情況就會阻止其他下載和呈現(xiàn)

2.因為js有語法定義，如果一個html里引用多個js文件的情況下，第二個文件里的函數(shù)很有可能引用了第一個文件里的變量和函數(shù)，此時如果先加載了第二個js瀏覽器就會解釋錯誤，所以js要按照順序串行加載，我們開發(fā)者在寫代碼時也要注意js的書寫順序

3.css的加載也是串行的，原理和js一樣

4.圖片的加載是并行的，可以同時加載幾個，并且加載完成以后立即顯示

GPU云服務(wù)器云服務(wù)器 cdn的工作原理 webrtc的工作原理 hashmap的工作原理 session的工作原理

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53953.html

相關(guān)文章

個人理解瀏覽器的工作原理

摘要：當(dāng)我們在瀏覽器中輸入一個時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌當(dāng)我們在瀏覽器中輸入一個url時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？瀏覽器的工作原理就是，web瀏覽器與...

xietao3 2019-08-26 13:58 評論0 收藏0
個人理解瀏覽器的工作原理

摘要：當(dāng)我們在瀏覽器中輸入一個時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌當(dāng)我們在瀏覽器中輸入一個url時，背后都發(fā)生了什么，想要弄明白這個問題首選我們要知道瀏覽器的工作原理是什么？瀏覽器的工作原理就是，web瀏覽器與...

icyfire 2019-08-30 11:01 評論0 收藏0
寫技術(shù)博客那點事

摘要：從現(xiàn)在開始，養(yǎng)成寫技術(shù)博客的習(xí)慣，或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料，建議收藏下前端英文網(wǎng)站匯總這個網(wǎng)站，收錄了國外一些優(yōu)質(zhì)的博客及其視頻資料。前言寫文章是一個短期收益少，長期收益很大的一件事情，人們總是高估短期收益，低估長期收益。往往是很多人堅持不下來，特別是寫文章的初期，剛寫完文章沒有人閱讀會有一種挫敗感，影響了后期創(chuàng)作。從某種意義上說，...

ddongjian0000 2019-08-23 15:12 評論0 收藏0
寫技術(shù)博客那點事

摘要：從現(xiàn)在開始，養(yǎng)成寫技術(shù)博客的習(xí)慣，或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料，建議收藏下前端英文網(wǎng)站匯總這個網(wǎng)站，收錄了國外一些優(yōu)質(zhì)的博客及其視頻資料。前言寫文章是一個短期收益少，長期收益很大的一件事情，人們總是高估短期收益，低估長期收益。往往是很多人堅持不下來，特別是寫文章的初期，剛寫完文章沒有人閱讀會有一種挫敗感，影響了后期創(chuàng)作。從某種意義上說，...

NSFish 2019-08-16 15:03 評論0 收藏0
PHP程序員學(xué)習(xí)路線

摘要：第一階段基礎(chǔ)階段基礎(chǔ)程序員重點把搞熟練核心是安裝配置基本操作目標(biāo)能夠完成基本的系統(tǒng)安裝，簡單配置維護(hù)能夠做基本的簡單系統(tǒng)的開發(fā)能夠在中型系統(tǒng)中支持某個功能模塊的開發(fā)。本項不做重點學(xué)習(xí)，除非對前端有興趣。第一階段：基礎(chǔ)階段（基礎(chǔ)PHP程序員）重點：把LNMP搞熟練（核心是安裝配置基本操作）目標(biāo)：能夠完成基本的LNMP系統(tǒng)安裝，簡單配置維護(hù)；能夠做基本的簡單系統(tǒng)的PHP開發(fā)；能夠在P...

genedna 2019-06-27 16:06 評論0 收藏0