国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Web前端中的靜態資源緩存筆記

JowayYoung / 1676人閱讀

摘要：根據資源的分類的資源分類主要分為兩大類主資源和派生資源。此時的數據時緩存到內存中的，當進程后，也就是瀏覽器關閉以后，數據將不存在。信息最大作用就是用于判斷服務器上該的內容是否被修改。附上我的學習筆記。

根據webkit資源的分類

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

主資源：比如HTML頁面，或者下載項，對應代碼中的類是MainResourceLoader。

派生資源：比如HTML頁面中內嵌的圖片或者腳本鏈接，對應代碼中的類是SubresourceLoader。

根據http狀態碼分類

200 (from memory cache)

200 (from disk cache)

304 (Not Modified)

200 (from memory cache)

不訪問服務器，直接讀緩存，從內存中讀取緩存。此時的數據時緩存到內存中的，當kill進程后，也就是瀏覽器關閉以后，數據將不存在。

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

不訪問服務器，直接從磁盤中讀取緩存，當kill進程時，數據還是存在。

它的直接操作對象為CurlCacheManager。

這種方式也只能緩存派生資源。
它的存儲形式為一個index.dat文件，記錄存儲數據的url，然后再分別存儲該url的response信息和content內容。Response信息最大作用就是用于判斷服務器上該url的content內容是否被修改。具體詳見： 
Last-Modified
304 (Not Modified)

訪問服務器，發現數據沒有

更新，服務器返回此狀態碼。然后從緩存中讀取數據。

至于何時使用本地緩存，何時會訪問服務器304，這就和服務器在請求返回中的Header字段有關了。附上我的HTTP學習筆記。
http header max-age

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

Expires

Expires指定的時間根據服務器配置可能有兩種：

文件最后訪問時間

文件絕對修改時間

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

Last-modified

WEB 服務器認為對象的最后修改時間，比如文件的最后修改時間，動態頁面的最后產生時間

ETag

對象（比如URL）的標志值，就一個對象而言，文件被修改，Etag也會修改

Cache-Control

簡單理解，強緩存

三級緩存原理

先去內存看，如果有，直接加載

如果內存沒有，擇取硬盤獲取，如果有直接加載

如果硬盤也沒有，那么就進行網絡請求

加載到的資源緩存到硬盤和內存

結論

引用網上圖片

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93033.html

相關文章

  • 前端優化 - 收藏集 - 掘金

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

    VincentFF 評論0 收藏0

  • 開發富文本編輯器的一些經驗教訓

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

    mtunique 評論0 收藏0

  • 慕課網js面試題學習筆記(ES6 標準) ——實時更新

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

    netmou 評論0 收藏0

  • 漫談Web緩存

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

    davidac 評論0 收藏0

發表評論

0條評論

JowayYoung

男|高級講師

TA的文章

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