摘要:當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是,瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程,的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌
當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么?
瀏覽器的工作原理就是,web瀏覽器與web服務(wù)器之間通過http協(xié)議進(jìn)行通訊的過程,c/s的握手協(xié)議就是http協(xié)議
瀏覽器接受到一個(gè)url之后發(fā)生的過程大致如下圖:
接下來說下html里的內(nèi)嵌資源是如何請(qǐng)求加載的 html的內(nèi)嵌請(qǐng)求資源主要就是js,css,image
1.js和css的資源加載都是串行的,因?yàn)闉g覽器需要一個(gè)穩(wěn)定的dom樹結(jié)構(gòu),js中很有可能有代碼會(huì)改變dom結(jié)構(gòu),瀏覽器為了防止這種情況就會(huì)阻止其他下載和呈現(xiàn)
2.因?yàn)閖s有語(yǔ)法定義,如果一個(gè)html里引用多個(gè)js文件的情況下,第二個(gè)文件里的函數(shù)很有可能引用了第一個(gè)文件里的變量和函數(shù),此時(shí)如果先加載了第二個(gè)js瀏覽器就會(huì)解釋錯(cuò)誤,所以js要按照順序串行加載,我們開發(fā)者在寫代碼時(shí)也要注意js的書寫順序
3.css的加載也是串行的,原理和js一樣
4.圖片的加載是并行的,可以同時(shí)加載幾個(gè),并且加載完成以后立即顯示
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/114716.html
摘要:當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是,瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程,的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌 當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么? 瀏覽器的工作原理就是,web瀏覽器與...
摘要:當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是,瀏覽器與服務(wù)器之間通過協(xié)議進(jìn)行通訊的過程,的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過程大致如下圖接下來說下里的內(nèi)嵌 當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí),背后都發(fā)生了什么,想要弄明白這個(gè)問題首選我們要知道瀏覽器的工作原理是什么? 瀏覽器的工作原理就是,web瀏覽器與...
摘要:從現(xiàn)在開始,養(yǎng)成寫技術(shù)博客的習(xí)慣,或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料,建議收藏下前端英文網(wǎng)站匯總這個(gè)網(wǎng)站,收錄了國(guó)外一些優(yōu)質(zhì)的博客及其視頻資料。 前言 寫文章是一個(gè)短期收益少,長(zhǎng)期收益很大的一件事情,人們總是高估短期收益,低估長(zhǎng)期收益。往往是很多人堅(jiān)持不下來,特別是寫文章的初期,剛寫完文章沒有人閱讀會(huì)有一種挫敗感,影響了后期創(chuàng)作。 從某種意義上說,...
摘要:從現(xiàn)在開始,養(yǎng)成寫技術(shù)博客的習(xí)慣,或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料,建議收藏下前端英文網(wǎng)站匯總這個(gè)網(wǎng)站,收錄了國(guó)外一些優(yōu)質(zhì)的博客及其視頻資料。 前言 寫文章是一個(gè)短期收益少,長(zhǎng)期收益很大的一件事情,人們總是高估短期收益,低估長(zhǎng)期收益。往往是很多人堅(jiān)持不下來,特別是寫文章的初期,剛寫完文章沒有人閱讀會(huì)有一種挫敗感,影響了后期創(chuàng)作。 從某種意義上說,...
摘要:第一階段基礎(chǔ)階段基礎(chǔ)程序員重點(diǎn)把搞熟練核心是安裝配置基本操作目標(biāo)能夠完成基本的系統(tǒng)安裝,簡(jiǎn)單配置維護(hù)能夠做基本的簡(jiǎn)單系統(tǒng)的開發(fā)能夠在中型系統(tǒng)中支持某個(gè)功能模塊的開發(fā)。本項(xiàng)不做重點(diǎn)學(xué)習(xí),除非對(duì)前端有興趣。 第一階段:基礎(chǔ)階段(基礎(chǔ)PHP程序員) 重點(diǎn):把LNMP搞熟練(核心是安裝配置基本操作) 目標(biāo):能夠完成基本的LNMP系統(tǒng)安裝,簡(jiǎn)單配置維護(hù);能夠做基本的簡(jiǎn)單系統(tǒng)的PHP開發(fā);能夠在P...
閱讀 1083·2021-09-22 15:19
閱讀 1697·2021-08-23 09:46
閱讀 2226·2021-08-09 13:47
閱讀 1405·2019-08-30 15:55
閱讀 1408·2019-08-30 15:55
閱讀 1974·2019-08-30 15:54
閱讀 2795·2019-08-30 15:53
閱讀 713·2019-08-30 11:03