首页 > 小程序 > 小程序开发

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

小程序开发 2022-10-12 12:23:30  

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

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

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

读本地数据缓存:示例代码

读写本地数据缓存

读本地数据缓存:参数

读本地数据缓存参数

写本地数据缓存:示例代码

写本地数据缓存示例代码

写本地数据缓存:参数

写本地数据缓存参数

第二步:缓存隔离与限制

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

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

第三步:在本地缓存数据里,进行前端页面处理,如图所示:

微信小程序前端页面处理

第四步:在本地缓存数据里,进行提交保存数据。如图所示:

微信小程序提交保存数据

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

本地缓存数据

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

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:https://chcsas.com/xcx/1709.html

加载中~

木星教程网

统计代码 | 湘ICP备19012813号-5

本网站LOGO受版权及商标保护,版权登记号:国作登字-2022-F-10126915,未经湖南木星科技官方许可,严禁使用。
Copyright © 2012-2022 湖南木星科技有限公司(木星网)版权所有
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源,商业媒体及纸媒请先联系:aishangyiwan@126.com

扫描微信二维码

关注我们可获取更多热点资讯