微信小程序开发本地数据缓存教程

微信小程序开发过程中,本地数据缓存是必不可少的一部分。而且本地数据缓存的用途还挺多的,下面微信小程序观察网(http://www.mpgcw.com
就和大家分享一下微信小程序开发本地数据缓存教程,希望对大家有所帮助!

第一步:读写本地数据缓存

微信小程序为了方便开发者缓存数据提供了读写本地数据缓存接口,读本地数据缓存采用的是wx.getStorage/wx.getStorageSync接口,写本地数据缓存的是wx.setStorage/wx.setStorageSync接口。其中以Sync结尾的是指同步接口。意思是指操作完成之后会立即返回。下面就以示例代码和参数和大家展示一下,如图所示:

读本地数据缓存:示例代码
微信小程序开发本地数据缓存教程

读写本地数据缓存
微信小程序开发本地数据缓存教程
写本地数据缓存:示例代码
微信小程序开发本地数据缓存教程
写本地数据缓存:参数
微信小程序开发本地数据缓存教程

第二步:缓存隔离与限制

缓存隔离:微信小程序提供的数据接口会管理不同小程序的数据缓存,不同小程序的本地缓存数据是不同的,需要分开隔离。隔离是为了避免用户数据信息泄露,保证信息安全。

缓存限制:每个小程序缓存空间不能超过10KB.超过10KB的需要通过wx.setStorage/wx.setStorageSync接口写入本地缓存数据会触发fail回调。需要注意的是关键信息不建议放在本地数据缓存,建议放在服务器端长期存储。

第三步:在本地缓存数据里,进行前端页面处理,如图所示:
微信小程序开发本地数据缓存教程
第四步:在本地缓存数据里,进行提交保存数据。如图所示:

微信小程序开发本地数据缓存教程

第五步:利用本地缓存数据,进行页面初始化操作。如图所示:

微信小程序开发本地数据缓存教程

以上就是对微信小程序开发本地数据缓存教程基本介绍,大家如果对本地数据缓存不太清楚,可以根据以上的步骤进行演练。多操作几次就熟悉了。

转载于:https://blog.51cto.com/14217559/2355666

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值