微信小程序 wx.setStorage 缓存字典策略

微信小程序 wx.setStorage 缓存字典策略,第1张

官方提供了wx.setStorage 等接口给开发者缓存数据,但是对于使用Array()来缓存字典数据似乎存在bug?在设置后并不能成功。

控制台里是这样的芦旦!

解决方案如下

我的需求是缓存一个阅读记耐答录的字典其数据格式如下

可以根据小说id去获取昌哗慧最近阅读的章节的id

每个微信小程序都可以有自己的本地早锋缓存,可以通过 wx.setStorag(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。 

注意: 

localStorage 是永久存储的,但是我们不建议将关键信息全部存在 localStorage,以防用户换设备的情况。

wx.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该陆弯晌 key 对应的内容,这是一个异步接口。

代码示例

wx.setStorage({ key:"key" data:"value" })1234

wx.setStorageSync(KEY,DATA) 

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。

try { wx.setStorageSync('key', 'value') } catch (e) { }1234

wx.getStorageInfo(OBJECT) 

异步获取当前storage的相关信息

wx.getStorageInfo({ success: function(res) { console.log(res.keys) console.log(res.currentSize) console.log(res.limitSize) } })1234567

wx.getStorageInfoSync 

同步获取当前storage的相关信息

try { var res = wx.getStorageInfoSync() console.log(res.keys) console.log(res.currentSize) console.log(res.limitSize) } catch (e) { // Do something when catch error }12345678

wx.removeStorage(OBJECT) 

从本地缓存中异步移除指定 key 。

wx.removeStorage({ key: 'key', success: function(res) { console.log(res.data) } })123456

wx.removeStorageSync(KEY)

从本地缓存中同步移除指定 key 。 try { wx.removeStorageSync('key') } catch (e) { // Do something when catch error }123456

wx.clearStorage() 

清理本地数据缓存。

wx.clearStorage()1

wx.clearStorageSync() 

同步清理闹谨本地数据缓存

try { wx.clearStorageSync() } catch(e) { // Do something when catch error }

一、多个页面设置回调变量

在多槐纤个页面设置回调变量时,可以在app.js中设置一个全局变量:

const globalData = {

name: '',

age: ''

}

App({

globalData:globalData

})

然后在需要使用回调变量的页面中调用:

Page({

data:{

name:'',

age:'铅晌仿'

}

onLoad:function(){

this.setData({

name:app.globalData.name,

age:app.globalData.age

})

}

})

二、单个页面设置回调变量

在单个页面设置回调变量时,可以使用wx.setStorage和wx.getStorage来保存和获取回调变量:

//设置回调谨返变量

wx.setStorage({

key:"name",

data:"张三"

})

//获取回调变量

wx.getStorage({

key:"name",

success: function(res) {

console.log(res.data)

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12485173.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存