資訊專欄INFORMATION COLUMN
摘要：當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過(guò)協(xié)議進(jìn)行通訊的過(guò)程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過(guò)程大致如下圖接下來(lái)說(shuō)下里的內(nèi)嵌
當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么？
瀏覽器的工作原理就是，web瀏覽器與web服務(wù)器之間通過(guò)http協(xié)議進(jìn)行通訊的過(guò)程，c/s的握手協(xié)議就是http協(xié)議
瀏覽器接受到一個(gè)url之后發(fā)生的過(guò)程大致如下圖：
接下來(lái)說(shuō)下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://m.specialneedsforspecialkids.com/yun/53953.html
摘要：當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過(guò)協(xié)議進(jìn)行通訊的過(guò)程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過(guò)程大致如下圖接下來(lái)說(shuō)下里的內(nèi)嵌 當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么？ 瀏覽器的工作原理就是，web瀏覽器與...
摘要：當(dāng)我們?cè)跒g覽器中輸入一個(gè)時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么瀏覽器的工作原理就是，瀏覽器與服務(wù)器之間通過(guò)協(xié)議進(jìn)行通訊的過(guò)程，的握手協(xié)議就是協(xié)議瀏覽器接受到一個(gè)之后發(fā)生的過(guò)程大致如下圖接下來(lái)說(shuō)下里的內(nèi)嵌 當(dāng)我們?cè)跒g覽器中輸入一個(gè)url時(shí)，背后都發(fā)生了什么，想要弄明白這個(gè)問(wèn)題首選我們要知道瀏覽器的工作原理是什么？ 瀏覽器的工作原理就是，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)持不下來(lái)，特別是寫文章的初期，剛寫完文章沒(méi)有人閱讀會(huì)有一種挫敗感，影響了后期創(chuàng)作。 從某種意義上說(shuō)，...
摘要：從現(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)持不下來(lái)，特別是寫文章的初期，剛寫完文章沒(méi)有人閱讀會(huì)有一種挫敗感，影響了后期創(chuàng)作。 從某種意義上說(shuō)，...
摘要：第一階段基礎(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...
閱讀 1740·2021-11-24 10:18
閱讀 2251·2021-11-18 13:20
閱讀 2343·2021-08-23 09:46
閱讀 1001·2019-08-30 15:56
閱讀 2849·2019-08-30 15:53
閱讀 745·2019-08-30 14:22
閱讀 476·2019-08-29 15:34
閱讀 2542·2019-08-29 12:14
