成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

JowayYoung / 1731人閱讀

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

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

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

主資源：比如HTML頁面，或者下載項(xiàng)，對(duì)應(yīng)代碼中的類是MainResourceLoader。

派生資源：比如HTML頁面中內(nèi)嵌的圖片或者腳本鏈接，對(duì)應(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í)的數(shù)據(jù)時(shí)緩存到內(nèi)存中的，當(dāng)kill進(jìn)程后，也就是瀏覽器關(guān)閉以后，數(shù)據(jù)將不存在。

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

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

它的直接操作對(duì)象為CurlCacheManager。

這種方式也只能緩存派生資源。
它的存儲(chǔ)形式為一個(gè)index.dat文件，記錄存儲(chǔ)數(shù)據(jù)的url，然后再分別存儲(chǔ)該url的response信息和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ù)。

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

web中的文件被用戶訪問(請(qǐng)求)后的存活時(shí)間,是個(gè)相對(duì)的值,相對(duì)Request_time(請(qǐng)求時(shí)間)

Expires

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

文件最后訪問時(shí)間

文件絕對(duì)修改時(shí)間

如果max-age和Expires同時(shí)存在，則被Cache-Control的max-age覆蓋

Last-modified

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

ETag

對(duì)象（比如URL）的標(biāo)志值，就一個(gè)對(duì)象而言，文件被修改，Etag也會(huì)修改

Cache-Control

簡(jiǎn)單理解，強(qiáng)緩存

三級(jí)緩存原理

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

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

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

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

結(jié)論

引用網(wǎng)上圖片

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/93033.html

相關(guān)文章

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

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

    VincentFF 評(píng)論0 收藏0

  • 開發(fā)富文本編輯器的一些經(jīng)驗(yàn)教訓(xùn)

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

    mtunique 評(píng)論0 收藏0

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

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

    netmou 評(píng)論0 收藏0

  • 漫談Web緩存

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

    davidac 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<