成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Web前端中的靜態(tài)資源緩存筆記

JowayYoung / 1681人閱讀

摘要:根據(jù)資源的分類的資源分類主要分為兩大類主資源和派生資源。此時的數(shù)據(jù)時緩存到內(nèi)存中的,當(dāng)進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。信息最大作用就是用于判斷服務(wù)器上該的內(nèi)容是否被修改。附上我的學(xué)習(xí)筆記。

根據(jù)webkit資源的分類

webkit的資源分類主要分為兩大類:主資源和派生資源。

主資源:比如HTML頁面,或者下載項,對應(yīng)代碼中的類是MainResourceLoader。

派生資源:比如HTML頁面中內(nèi)嵌的圖片或者腳本鏈接,對應(yīng)代碼中的類是SubresourceLoader。

根據(jù)http狀態(tài)碼分類

200 (from memory cache)

200 (from disk cache)

304 (Not Modified)

200 (from memory cache)

不訪問服務(wù)器,直接讀緩存,從內(nèi)存中讀取緩存。此時的數(shù)據(jù)時緩存到內(nèi)存中的,當(dāng)kill進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。

雖然Webkit支持memoryCache,但是也只是針對派生資源,它對應(yīng)的類為CachedResource,用于保存原始數(shù)據(jù)(比如CSS,JS等),以及解碼過的圖片數(shù)據(jù)。
200 (from disk cache)

不訪問服務(wù)器,直接從磁盤中讀取緩存,當(dāng)kill進(jìn)程時,數(shù)據(jù)還是存在。

它的直接操作對象為CurlCacheManager

這種方式也只能緩存派生資源。

它的存儲形式為一個index.dat文件,記錄存儲數(shù)據(jù)的url,然后再分別存儲該urlresponse信息content內(nèi)容。Response信息最大作用就是用于判斷服務(wù)器上該url的content內(nèi)容是否被修改。具體詳見:
Last-Modified

304 (Not Modified)

訪問服務(wù)器,發(fā)現(xiàn)數(shù)據(jù)沒有

更新,服務(wù)器返回此狀態(tài)碼。然后從緩存中讀取數(shù)據(jù)。

至于何時使用本地緩存,何時會訪問服務(wù)器304,這就和服務(wù)器在請求返回中的Header字段有關(guān)了。附上我的HTTP學(xué)習(xí)筆記。
http header max-age

web中的文件被用戶訪問(請求)后的存活時間,是個相對的值,相對Request_time(請求時間)

Expires

Expires指定的時間根據(jù)服務(wù)器配置可能有兩種:

文件最后訪問時間

文件絕對修改時間

如果max-age和Expires同時存在,則被Cache-Control的max-age覆蓋

Last-modified

WEB 服務(wù)器認(rèn)為對象的最后修改時間,比如文件的最后修改時間,動態(tài)頁面的最后產(chǎn)生時間

ETag

對象(比如URL)的標(biāo)志值,就一個對象而言,文件被修改,Etag也會修改

Cache-Control

簡單理解,強(qiáng)緩存

三級緩存原理

先去內(nèi)存看,如果有,直接加載

如果內(nèi)存沒有,擇取硬盤獲取,如果有直接加載

如果硬盤也沒有,那么就進(jìn)行網(wǎng)絡(luò)請求

加載到的資源緩存到硬盤和內(nèi)存

結(jié)論

引用網(wǎng)上圖片

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/93033.html

相關(guān)文章

  • 前端優(yōu)化 - 收藏集 - 掘金

    摘要:雖然有著各種各樣的不同,但是相同的是,他們前端優(yōu)化不完全指南前端掘金篇幅可能有點長,我想先聊一聊閱讀的方式,我希望你閱讀的時候,能夠把我當(dāng)作你的競爭對手,你的夢想是超越我。 如何提升頁面渲染效率 - 前端 - 掘金Web頁面的性能 我們每天都會瀏覽很多的Web頁面,使用很多基于Web的應(yīng)用。這些站點看起來既不一樣,用途也都各有不同,有在線視頻,Social Media,新聞,郵件客戶端...

    VincentFF 評論0 收藏0
  • 開發(fā)富文本編輯器的一些經(jīng)驗教訓(xùn)

    摘要:當(dāng)然,這只是結(jié)合自己項目的工程結(jié)構(gòu)和特點設(shè)置的一套使用方式,僅供參考開發(fā)富文本編輯器的教訓(xùn)由于項目的時間較緊張,我在頁面上應(yīng)用了框架的背景下,想當(dāng)然的想要把也應(yīng)用于富文本編輯器的開發(fā),事實證明這是不太可行的。 此文已由作者劉詩川授權(quán)網(wǎng)易云社區(qū)發(fā)布。 歡迎訪問網(wǎng)易云社區(qū),了解更多網(wǎng)易技術(shù)產(chǎn)品運營經(jīng)驗。 最近我們的產(chǎn)品有一個需求是要在PC端做一個面向用戶的書評編輯器,讓用戶和編輯在蝸牛讀書...

    mtunique 評論0 收藏0
  • 慕課網(wǎng)js面試題學(xué)習(xí)筆記(ES6 標(biāo)準(zhǔn)) ——實時更新

    摘要:而第一種方法只能判斷引用類型,不能判斷值類型,因為值類型沒有對應(yīng)的構(gòu)造函數(shù)描述一個對象的過程生成一個新的空對象指向這個新對象執(zhí)行構(gòu)造函數(shù)中的代碼,即對賦值將新對象的屬性指向構(gòu)造函數(shù)的屬性返回,即得到新對象。 最近在在看前端面試教程,這篇文章里大部分是看視頻的過程中自己遇到的不清楚的知識點,內(nèi)容很簡單,只是起到一個梳理作用。有些地方也根據(jù)自己的理解在作者的基礎(chǔ)上加了點東西,如有錯誤,歡迎...

    netmou 評論0 收藏0
  • 漫談Web緩存

    摘要:了解前端緩存是打造高性能網(wǎng)站的必要知識。這個表示,你的請求發(fā)送到后端,后端判斷并認(rèn)為資源可以繼續(xù)使用,直接使用本地緩存。盡可能的設(shè)置久緩存時間,通過碼來管理版本。參考鏈接淺談緩存權(quán)威指南上配置緩存首發(fā)地址 背景說明 緩存一直是前端性能優(yōu)化中,濃墨重彩的一筆。了解前端緩存是打造高性能網(wǎng)站的必要知識。 之前,對于緩存的認(rèn)知一直停留在看《HTTP權(quán)威指南》和一些相關(guān)帖子的深度,過了一段時...

    davidac 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<