宝哥软件园

微信小程序本地数据缓存

编辑:宝哥软件园 来源:互联网 时间:2021-12-02

本地数据缓存是小程序存储在当前设备硬盘上的数据。本地数据缓存有许多用途。我们可以使用本地数据缓存来存储用户在小程序上生成的操作,并在用户关闭小程序并重新打开时恢复到以前的状态。我们还可以利用一些服务器端非实时数据的本地缓存来提高小程序的数据获取速度,这样可以提高页面的渲染速度,减少用户在特定场景下的等待时间。

读写本地数据缓存

applet提供了一种读写本地数据缓存的方法:

wx.getStorage/wx.getStorageSync.读取本地缓存通过wx.setStorage/wx.setStorageSync,将数据写入缓存,带同步后缀的接口是同步接口。

描述:

是的,服务A一旦启动,必须等到返回结果后才能继续执行以下服务。

是的,服务A异步执行后,另一个线程会继续执行后续服务。服务A执行后,系统会回来处理结果。

微信小程序本地数据缓存(图1)

示例和参数描述如下所示。

异步读取本地缓存

1234567891011 wx . getstorage({ key 3360 ' key 1 ',Success3360函数(RES){//异步接口在成功回调后只能得到返回值varvalue1=res.data}。fail : function(){ console . log('读取key 1 ')} })

同步读取本地缓存

123456 try {/同步接口立即返回值varvalue 2=wx . getstoragesync(' key2')} catch(e){ console . log('读取key 2 ')}表4-4 wx.getStorage/wx.getStorageSync的详细参数

微信小程序本地数据缓存(图2)

写本地缓存

123456789101121314151617181920//异步接口直到成功/失败回调wx.setstorage ({key 3360' key ',Data : ' value 1 ' success : function(){ console . log('成功写入值1') },fail : function(){ console . log('写入值时出错。

微信小程序本地数据缓存(图3)

缓存隔离与限制

小程序托管环境将管理不同小程序的数据缓存。不同小程序的本地缓存空间是分开的,每个小程序的缓存空间上限为10MB。如果当前缓存已达到10MB,通过wx.setStorage写入缓存将触发失败回调。

小程序的本地缓存不仅通过小程序的维度隔离了空间,还隔离了不同用户的缓存,考虑到同一个设备可以登录不同的微信用户,避免用户之间数据隐私泄露。

由于本地缓存存储在当前设备中,用户在更换设备后无法从另一个设备读取当前设备数据。因此,不建议用户的关键信息只存在本地缓存中,数据应该放在服务器上持久存储。

利用本地缓存提前渲染界面

前端页面处理

微信小程序本地数据缓存(图4)

提交时保存数据

微信小程序本地数据缓存(图5)

页面初始化时执行渲染

微信小程序本地数据缓存(图6)

更多资讯
游戏推荐
更多+