前端應用程式快取 cache manifest

2021-08-20 15:04:30 字數 1472 閱讀 5080

html5新增,他將程式所需的html、css、js、等儲存到瀏覽器中。

他不會隨著瀏覽器清快取而被清除,老資料會被最近一次的訪問的新資料代替掉。

一、首先建立乙個清單:包含程式依賴的所有url

二、在程式的主頁面設定manifest屬性,指向清單檔案

三、清單檔案首行必須以「cache manifest"開頭。其餘每行乙個url,相對路徑的url都相對於清單檔案的url。

#是注釋,允許前面有空格,後面不能有非空字元。

cache manifest

chche:

#此區域列出需要快取的所有檔案

index.html

index.js

index.css

logo.png

fallback:

#可以包含兩個url,第乙個是字首,任何能夠匹配到改字首的url都不會被快取,第二個是需要快取的資源。如果網路載入第乙個url失敗,就會用第二個url制定的快取資源代替

videos/offline.html

network:

#標識該區域從不快取

cgi/

//載入的時候,檢查該清單檔案。

$("san").innerhtml = "checking for a new version";

return false;

}//如果清單檔案沒有動,同時應用程式也已經快取了,該事件執行。

$("san").innerhtml = "this version is up-to-date";

return false;

}//如果還未快取應用程式,或者清單有改動

$("san").innerhtml = "downloading new version";

window.progresscount = 0; //在下面的事件中用到

return false;

} var progress = "";

if(e && e.lengthcomputable)

else

$("san").innerhtml = "downloading new version" + progress;

return false;

} return false;

} return false;

}; status("a new version has been downloaded. reload to run it");

return false;

};//處於離線時,檢擦清單失敗觸發。

return false;

};//程式引用乙個不存在的清單檔案觸發,同時將應用從快取中刪除。

"reload to get the latest version from the network.");

return false;

};

應用程式快取 AppCache

html5提供了一系列的特性來支援離線應用 localstrorage web sql indexed database 需要快取的資源都放在manifest檔案中,cache manifest 以上折行必需要寫 cache 這部分寫需要快取的資源檔案列表 可以是相對路徑也可以是絕對路徑 index...

為應用程式新增快取

1.背景 由於專案進度趕得比較緊,而且第一次自己設計系統的架構,剛開始考慮的並不完全,主要想著先把系統的功能實現了再說。因此剛開始設計系統的時候並沒有考慮快取的問題,但是對已乙個web系統,快取不僅可以大大的減少資料庫的壓力,也可以很大程度的提高系統的響應時間。現在系統的功能完成的基本差不多了,因此...

應用程式資料快取

using system using system.collections.generic using system.linq using system.text using system.threading.tasks namespace linqdemotest return true endr...