2019獨角獸企業重金招聘Python工程師標準>>>

function getCache (key) {var cachedContentStr = window.localStorage.getItem(key);console.log(cachedContentStr);if (cachedContentStr ) {var cachedContent = JSON.parse(cachedContentStr);var cacheEndTime = cachedContent.cacheEndTime || 0;if (cacheEndTime === 0) {return cachedContent.realValue;} else {var currentDate = new Date().getTime();if (currentDate <= cacheEndTime) {return cachedContent.realValue;}}}return undefined;};/*** * @key 緩存的key* @param value 對象字面量* @timeOut 緩存的時間，單位是分鐘*/function setCache(key, value, timeOut) {timeOut = timeOut || 0;value = value || {};var timeOutms = 0;var cachedContent = {};if (timeOut > 0) {var currentDate = new Date().getTime();timeOutms = timeOut * 60 * 1000;var cacheEndTime = currentDate + timeOut;cachedContent = {realValue: value,cacheEndTime: timeOutms};}else {cachedContent = {realValue: value,cacheEndTime: timeOutms}; }window.localStorage.setItem(key, JSON.stringify(cachedContent));};function deleteCache (key) {window.localStorage.removeItem(key);};/*** 每次登陸的時候清空過期的localStorage內容，預防localStorage變得越來越大*/function deleteInvlidCache () {};

?

轉載于:https://my.oschina.net/fengshuzi/blog/841630

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的关于前端缓存的一个封装思路的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。