微信开发:数据缓存

在微信开发过程中,有用来将数据保存在本地的API 对 本地数据进行设置(wx.setStorage-异步、wx.setStorageSync-同步),获取(wx.getStorage-异步、wx.getStorageSync-同步、wx.getStorageInfo-异步,wx-getStorageInfoSync-同步),删除(wx.removeStorage-异步,wx.removeStorageSync-同步)和清理(wx.clearStorage-异步、wx.clearStorageSync-同步)


注:同一个微信用户,同一个小程序 storage 上限为 10MB。localStorage 以用户维度隔离,同一台设备上,A 用户无法读取到 B 用户的数据。

微信开发:数据缓存

例子:

微信开发:数据缓存

微信开发:数据缓存


微信开发:数据缓存

wx.setStorage-异步、wx.setStorageSync-同步  中两者的不同:

1.参数不同,异步设置数据有回调方法,同步设置没有

2.设置方法不同。

微信开发:数据缓存

微信开发:数据缓存

在这里,因为异步获取data数据,代码先执行

console.log(this.data.stu3)
后执行
console.log(res.data)

将res.data传值给data中的stu3,采用下面的方法:

微信开发:数据缓存

注意:不可以直接用this.setData({}),因为success函数是一个闭包,this在该函数中不起作用,所以重新定义一个新的对象that。

微信开发:数据缓存

微信开发:数据缓存


微信开发:数据缓存

例子:

微信开发:数据缓存

微信开发:数据缓存

实例代码:

微信开发:数据缓存

微信开发:数据缓存

微信开发:数据缓存

微信开发:数据缓存

注:1.同步事件 抛出错误采用fail事件,异步采用 try{}catch(){}

代码API参数截图链接:(官方)

https://developers.weixin.qq.com/miniprogram/dev/api/data.html#wxremovestoragesynckey