詳解微信小程序緩存--緩存時(shí)效性
關(guān)于本地緩存
1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。本地緩存最大為10MB
2.localStorage 是永久存儲(chǔ)
相應(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的具體使用詳見(jiàn)官方文檔
注意:這里又一個(gè)問(wèn)題就是這些緩存不清理會(huì)永久的緩存----------然而實(shí)際開發(fā)中,我們往往需要設(shè)置一些緩存的時(shí)效性
所以就需要對(duì)這些api進(jìn)行封裝(二次開發(fā))直接上代碼
設(shè)置緩存-----------put(key, val, time) time為可選參數(shù)表示有效時(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ù),表示無(wú)緩存數(shù)據(jù)時(shí)返回值(支持字符串、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;
}
}
以上所述是小編給大家介紹的微信小程序緩存時(shí)效性詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 微信小程序如何修改本地緩存key中單個(gè)數(shù)據(jù)的詳解
- 微信小程序?qū)W習(xí)筆記之本地?cái)?shù)據(jù)緩存功能詳解
- IOS中微信小程序播放緩存的音頻文件的方法
- 微信小程序基于本地緩存實(shí)現(xiàn)點(diǎn)贊功能的方法
- 微信小程序之?dāng)?shù)據(jù)緩存的實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來(lái)進(jìn)行設(shè)置和讀取緩存
- 微信小程序本地緩存數(shù)據(jù)增刪改查實(shí)例詳解
- 微信小程序開發(fā)之?dāng)?shù)據(jù)存儲(chǔ) 參數(shù)傳遞 數(shù)據(jù)緩存
- 微信小程序 緩存(本地緩存、異步緩存、同步緩存)詳解
- 微信小程序-詳解數(shù)據(jù)緩存
相關(guān)文章
Javascript 鍵盤事件的組合使用實(shí)現(xiàn)代碼
Javascript 鍵盤事件的組合使用實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-05-05
js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
保姆級(jí)Decimal.js使用教程(解決js精度問(wèn)題)
這篇文章主要給大家介紹了關(guān)于保姆級(jí)Decimal.js使用的相關(guān)資料,文中介紹的方法主要解決了js精度問(wèn)題,decimal.js庫(kù)它是一個(gè)強(qiáng)大的JavaScript庫(kù),用于解決浮點(diǎn)數(shù)計(jì)算精度不準(zhǔn)確的問(wèn)題,需要的朋友可以參考下2024-05-05
js+canvas實(shí)現(xiàn)網(wǎng)站背景鼠標(biāo)吸附線條動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了js+canvas實(shí)現(xiàn)網(wǎng)站背景鼠標(biāo)吸附線條動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
JavaScript圖片url地址轉(zhuǎn)base64簡(jiǎn)單示例
這篇文章主要給大家介紹了關(guān)于JavaScript圖片url地址轉(zhuǎn)base64的相關(guān)資料,圖片URL轉(zhuǎn)Base64是把圖片URL轉(zhuǎn)化為一個(gè)以base64編碼的字符串格式,使得圖片可以直接在HTML或CSS中使用,需要的朋友可以參考下2023-10-10
BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象
這篇文章主要介紹了BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-05-05

