微信小程序 基础 - 12 (小程序缓存设计方案:wx.setStorage、wx.getStorage、wx.clearStorage、wx.removeStorage)

news/2024/7/20 0:48:48 标签: 微信小程序, 小程序, 缓存

什么叫缓存?

        客户端向服务端发送请求试图获取一组数据, 当数据下载完毕后, 客户端可以将下载下来的数据缓存到客户端本地. 当下次再需要发送请求时, 先去缓存中搜索, 看看以前有没有存过, 若找得到则直接使用, 若找不到再发请求.

什么样的业务适合使用缓存?

        数据变化频率低的业务.

        访问量越大, 缓存对服务端优化效果越好.

注意:一旦真实数据发生了改变, 缓存中的数据也应该想办法更新. 更新频率应与小程序业务形态相适应. 有些小程序需要频繁更新, 有些小程序则不是.

小程序缓存相关API

缓存中存储数据:

wx.setStorage({
    key: 'key',
    data: 'value'
})

缓存中取出数据(需要根据key, 才能获取对应的data):

// callback方式获取数据
wx.getStorage({
    key: 'key',
    success: (data)=>{},
    fail: (err)=>{}
})
// promise方式获取数据
wx.getStorage({key: 'key'}).then(
	(res)=>{  },   // 成功后执行  resolve
    (err)=>{  }    // 失败后执行  reject
)

清空缓存数据:

wx.clearStorage()

删除缓存数据:

wx.removeStorage({key:'key'})


http://www.niftyadmin.cn/n/508701.html

相关文章

微信小程序 基础 - 13 (获取当前设备位置信息、接入腾讯位置服务)

在首页获取当前设备位置信息 在onLoad时获取当前定位信息. 在app.json中配置permission字段注册位置权限. 调用wx.getLocation获取经纬度信息. 根据当前经纬度, 解析为城市名称, 显示在首页左上角.(需要借助腾讯位置服务) 接入腾讯位置服务 http://lbs.qq.com 申请开发者密钥…

微信小程序 基础 - 14 (小程序云开发:云数据库、云存储、云函数)

概述 开发者可以使用腾讯提供的云服务来开发微信小程序/小游戏的后端接口, 而无需自己搭建服务器. 云开发提供的基础能力有: 云数据库 是一个可以在小程序前端操作, 也可以在云函数中操作的json类型数据库. 云存储 是一个可以在小程序前端操作的云盘.(云存储空间)…

微信小程序 基础 - 15 (小程序云开发:云数据库Collection对象)

Collection对象用于操作集合. 通过db.collection(集合名称)获取. 它提供了很多的方法对集合进行处理: 方法名作用collection.add()向集合中添加数据collection.doc()通过id查询一条记录, 返回Recordcollection.where()添加查询筛选条件collection.skip(n)跳过结果集的前n条记录…

微信小程序 基础 - 16 (自定义组件Component)

如何自定义组件? 1.新建Component. 与Page类似,包含四件套. 2.在.json中编写组件声明: {"component": true } 3.编写组件基础的wxml / wxss 4.在普通页面中,引入该组件,使用该组件. {"usingComponents": {…

微信小程序 基础 - 17 (vant组件库的使用)

安装vant组件库 步骤一 通过 npm 安装 进入项目根目录, 执行以下命令,初始化npm, 安装vant: cd xxxx #进入文件夹目录 cloudnpm init # 一路回车 初始化npm 将会生成package.json npm i vant/weapp -S --production #…

微信小程序 基础 - 18 (微信登录业务:登录、注册)

微信登录 1、点击 "登录" 文本, 调用微信开放的API接口,获取当前用户的微信公开信息:昵称/头像等. 2、更新界面. 注意: 虽然wx.getUserProfile方法可以获取用户微信的基本信息用户显示, 但是一个完整的登录业务还远远没有写完. 因为不仅需要…

微信小程序 基础 - 19 (登录后用户头像的更新)

上传更新头像的业务流程: 1.客户端点击头像选择头像图片 wx.chooseImage() 2.将头像图片上传到服务器, 并且获取访问该头像图片的网络路径. 3.将该网络路径, 与当前用户绑定在一起存入数据库 4.在下次登录时, 获取到最新的头像路径, 就可以看到新头像了 云开发-云存…

HTML5 新特性 - WebStorage 数据存储

webstorage提供了localStorage与sessionStorage用于在客户端持久化存储键值对数据. localStorage提供了一个独立的数据存储区域,这部分数据将会永久存储在客户端本地. sessionStorage提供了一个独立的数据存储区域,这部分数据只会在当前会话中生效.(浏…