微信小程序 數(shù)據(jù)緩存實(shí)現(xiàn)方法詳解
微信小程序可以通過(guò)wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。本地緩存最大為10MB。
wx.setStorage()---------異步設(shè)置緩存
微信官方給出的屬性
OBJECT參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
| data | Object/String | 是 | 需要存儲(chǔ)的內(nèi)容 |
| success | Function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
調(diào)用方式：
wx.setStorage({
key:"key",
data:"value"
})
wx.setStorageSync()---------同步設(shè)置緩存
微信官方給出的屬性
參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
| data | Object/String | 是 | 需要存儲(chǔ)的內(nèi)容 |
調(diào)用方式：
try {
wx.setStorageSync('key', 'value')
} catch (e) {
}
wx.getStorage()--------異步獲取緩存
微信官方給出的屬性
OBJECT參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
| success | Function | 是 | 接口調(diào)用的回調(diào)函數(shù),res = {data: key對(duì)應(yīng)的內(nèi)容} |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
success返回參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 說(shuō)明 |
|---|---|---|
| data | String | key對(duì)應(yīng)的內(nèi)容 |
調(diào)用方式：
wx.getStorage({
key: 'key',
success: function(res) {
console.log(res.data)
}
})
wx.getStorageSync()--------同步獲取緩存數(shù)據(jù)
微信官方給出的屬性說(shuō)明
參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
調(diào)用方式：
try {
var value = wx.getStorageSync('key')
if (value) {
// Do something with return value
}
} catch (e) {
// Do something when catch error
}
wx.getStorageInfo()------異步獲取當(dāng)前緩存的數(shù)據(jù)
微信官方給出的屬性說(shuō)明
OBJECT參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| success | Function | 是 | 接口調(diào)用的回調(diào)函數(shù)，詳見(jiàn)返回參數(shù)說(shuō)明 |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
success返回參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 說(shuō)明 |
|---|---|---|
| keys | String Array | 當(dāng)前storage中所有的key |
| currentSize | Number | 當(dāng)前占用的空間大小, 單位kb |
| limitSize | Number | 限制的空間大小，單位kb |
調(diào)用方式：
wx.getStorageInfo({
success: function(res) {
console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)
}
})
wx.getStorageInfoSync()-------同步獲取當(dāng)前緩存數(shù)據(jù)
emmmmm---微信并沒(méi)有給參數(shù)說(shuō)明
調(diào)用方式：
try {
var res = wx.getStorageInfoSync()
console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)
} catch (e) {
// Do something when catch error
}
wx.removeStorage()-----異步移除指定的key的緩存數(shù)據(jù)
微信官方參數(shù)說(shuō)明
OBJECT參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
| success | Function | 是 | 接口調(diào)用的回調(diào)函數(shù) |
| fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
| complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
調(diào)用方式:
wx.removeStorage({
key: 'key',
success: function(res) {
console.log(res.data)
}
})
wx.removeStorageSync()------同步移除指定key的緩存數(shù)據(jù)
微信官方參數(shù)說(shuō)明
參數(shù)說(shuō)明：
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| key | String | 是 | 本地緩存中的指定的 key |
調(diào)用方式：
try {
wx.removeStorageSync('key')
} catch (e) {
// Do something when catch error
}
wx.clearStorage()------異步清理本地緩存
調(diào)用方式：
wx.clearStorage()
wx.clearStorageSync()-------同步清理本地緩存
調(diào)用方式：
try {
wx.clearStorageSync()
} catch(e) {
// Do something when catch error
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了JavaScript事件對(duì)象，了解JavaScript事件2016-01-01
這篇文章主要介紹了淺談javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以參考下。2015-05-05
一個(gè)簡(jiǎn)易時(shí)鐘效果js實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了一個(gè)簡(jiǎn)易時(shí)鐘效果js實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Bootstrap modal 多彈窗之疊加顯示不出彈窗問(wèn)題的解決方案
Bootstrap modal 多彈窗之疊加顯示不出彈窗問(wèn)題，今天小編抽時(shí)間給大家分享下解決方案，需要的朋友參考下2017-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期時(shí)間篩選器，支持年月日時(shí)分，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
如何解決前端筆記本屏幕顯示縮放比例125%,150%對(duì)頁(yè)面布局的影響
如果要完整解決該縮放和布局問(wèn)題,仍需適配,下面這篇文章主要給大家介紹了關(guān)于如何解決前端筆記本屏幕顯示縮放比例125%,150%對(duì)頁(yè)面布局的影響,需要的朋友可以參考下2022-11-11
用JavaScript做一個(gè)簡(jiǎn)易計(jì)算器的三種方法舉例
這篇文章主要給大家介紹了關(guān)于用JavaScript做一個(gè)簡(jiǎn)易計(jì)算器的三種方法,JS中實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器并不困難,我們只需利用基本的數(shù)學(xué)運(yùn)算符和JavaScript的語(yǔ)法即可,需要的朋友可以參考下2023-10-10
JavaScript實(shí)現(xiàn)的九種排序算法
這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)的九種排序算法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
教你5分鐘學(xué)會(huì)用requirejs(必看篇)
下面小編就為大家?guī)?lái)一篇教你5分鐘學(xué)會(huì)用requirejs(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
JS實(shí)現(xiàn)可改變列寬的table實(shí)例
本文為大家詳細(xì)介紹下通過(guò)JS實(shí)現(xiàn)可改變列寬的table，具體的思路及代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07