快捷導(dǎo)航

詳解微信小程序緩存--緩存時效性

更新時間：2019年05月02日 11:08:54 作者：江木

這篇文章主要介紹了微信小程序緩存時效性，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

關(guān)于本地緩存

1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以對本地緩存進行設(shè)置、獲取和清理。本地緩存最大為10MB

2.localStorage 是永久存儲

相應(yīng)的api----------

wx.setStorage(OBJECT)

wx.getStorage(OBJECT)

wx.getStorageInfo(OBJECT)

wx.removeStorage(OBJECT)

wx.setStorageSync(KEY,DATA)

wx.getStorageSync(KEY)

wx.getStorageInfoSync

wx.clearStorage()

wx.clearStorageSync() ...

Api的具體使用詳見官方文檔

注意：這里又一個問題就是這些緩存不清理會永久的緩存----------然而實際開發(fā)中，我們往往需要設(shè)置一些緩存的時效性

所以就需要對這些api進行封裝（二次開發(fā)）直接上代碼

設(shè)置緩存-----------put(key, val, time) time為可選參數(shù)表示有效時間（單位：秒）

function put(key, val, time) {

wx.setStorageSync(key, val)

var seconds = parseInt(time);

if (seconds > 0) {

var timestamp = Date.parse(new Date());

timestamp = timestamp / 1000 + seconds;

wx.setStorageSync(k + 'dtime', timestamp + "")

} else {

wx.removeStorageSync(k + 'dtime')

}

}

讀取緩存-----get(key, def)-------def為可選參數(shù)，表示無緩存數(shù)據(jù)時返回值（支持字符串、json、數(shù)組、boolean等等）

function get(key, def) {

var deadtime = parseInt(wx.getStorageSync(key+ 'dtime'))

if (deadtime) {

if (parseInt(deadtime) < Date.parse(new Date()) /1000) {

if (def) { return def; }else { return; }

}

}

var res = wx.getStorageSync(key);

if (res) {

return res;

} else {

return def;

}

}

以上所述是小編給大家介紹的微信小程序緩存時效性詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Javascript 鍵盤事件的組合使用實現(xiàn)代碼
Javascript 鍵盤事件的組合使用實現(xiàn)代碼，需要的朋友可以參考下
2012-05-05
JS深度拷貝Object Array實例分析
這篇文章主要介紹了JS深度拷貝Object Array,結(jié)合實例形式分析了JavaScript深度拷貝的原理,需要的朋友可以參考下
2016-03-03
js之切換全屏和退出全屏實現(xiàn)代碼實例
這篇文章主要介紹了js之切換全屏和退出全屏實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-09-09
關(guān)于js里的this關(guān)鍵字的理解
this關(guān)鍵字相信大家都非常熟悉，js中提供的this關(guān)鍵在要比oo語言中混亂，下面通過本文給大家介紹js里this關(guān)鍵字的理解，需要的朋友可以參考下
2015-08-08
Svg.js實例教程及使用手冊詳解（一）
SVG.js是一個輕量級的JavaScript庫，允許你輕松操作SVG和定義動畫。這篇文章主要介紹了Svg.js實例教程及使用手冊詳解（一）的相關(guān)資料,需要的朋友可以參考下
2016-05-05
保姆級Decimal.js使用教程(解決js精度問題)
這篇文章主要給大家介紹了關(guān)于保姆級Decimal.js使用的相關(guān)資料,文中介紹的方法主要解決了js精度問題,decimal.js庫它是一個強大的JavaScript庫,用于解決浮點數(shù)計算精度不準(zhǔn)確的問題,需要的朋友可以參考下
2024-05-05
js+canvas實現(xiàn)網(wǎng)站背景鼠標(biāo)吸附線條動畫
這篇文章主要為大家詳細介紹了js+canvas實現(xiàn)網(wǎng)站背景鼠標(biāo)吸附線條動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
JavaScript圖片url地址轉(zhuǎn)base64簡單示例
這篇文章主要給大家介紹了關(guān)于JavaScript圖片url地址轉(zhuǎn)base64的相關(guān)資料,圖片URL轉(zhuǎn)Base64是把圖片URL轉(zhuǎn)化為一個以base64編碼的字符串格式,使得圖片可以直接在HTML或CSS中使用,需要的朋友可以參考下
2023-10-10
BootStrap 獲得輪播中的索引和當(dāng)前活動的焦點對象
這篇文章主要介紹了BootStrap 獲得輪播中的索引和當(dāng)前活動的焦點對象,本文給大家介紹的非常詳細，需要的朋友可以參考下
2017-05-05
js+html制作簡單日歷的方法
這篇文章主要為大家詳細介紹了js html制作簡單日歷的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06