iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >微信小程序API怎么做数据缓存
  • 671
分享到

微信小程序API怎么做数据缓存

2023-06-26 09:06:00 671人浏览 泡泡鱼
摘要

这篇文章主要介绍“微信小程序api怎么做数据缓存”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序API怎么做数据缓存”文章能帮助大家解决问题。每个微信小程序都可以有自己的本地缓存,可以通过w

这篇文章主要介绍“微信小程序api怎么做数据缓存”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序API怎么做数据缓存”文章能帮助大家解决问题。

每个微信小程序都可以有自己的本地缓存,可以通过wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。localStorage 以用户维度隔离,同一台设备上,A 用户无法读取到 B 用户的数据。

注意: localStorage是永久存储的,但是我们不建议将关键信息全部存在localStorage,以防用户换设备的情况。

wx.setStorage(OBJECT)


将数据存储在本地缓存中指定的key中,会覆盖掉原来该key对应的内容,这是一个异步接口。

OBJECT参数说明:

参数类型必填说明
keyString本地缓存中的指定的 key
dataObject/String需要存储的内容
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.setStorage({  key:"key"  data:"value"})

wx.setStorageSync(KEY,DATA)


将data存储在本地缓存中指定的key中,会覆盖掉原来该key对应的内容,这是一个同步接口。

参数说明:

参数类型必填说明
keyString本地缓存中的指定的key
dataObject/String需要存储的内容

示例代码

try {   wx.setStorageSync("key","value")} catch (e) {}

wx.getStorage(OBJECT)


从本地缓存中异步获取指定key对应的内容。

OBJECT参数说明:

参数类型必填说明
keyString本地缓存中的指定的 key
successFunction接口调用的回调函数,res = {data: key对应的内容}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数类型说明
dataStringkey对应的内容

示例代码:

wx.getStorage({  key:'key',  success: function(res){      console.log(res.data)  } })

wx.getStorageSync(KEY)


从本地缓存中同步获取指定key对应的内容。

参数说明:

参数类型必填说明
keyString本地缓存中的指定的key

示例代码:

try {  var value = wx.getStorageSync('key')  if (value) {      // Do something with return value  }} catch (e) {  // Do something when catch error}

wx.getStorageInfo(OBJECT)


异步获取当前storage的相关信息

OBJECT参数说明:

参数类型必填说明
successFunction接口调用的回调函数,详见返回参数说明
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数类型说明
keysString Array当前storage中所有的key
currentSizeNumber当前占用的空间大小, 单位kb
limitSizeNumber限制的空间大小,单位kb

示例代码:

wx.getStorageInfo({  success: function(res) {console.log(res.keys)console.log(res.currentSize)console.log(res.limitSize)  }})

wx.getStorageInfoSync


同步获取当前storage的相关信息

示例代码:

try {  var res = wx.getStorageInfoSync()  console.log(res.keys)  console.log(res.currentSize)  console.log(res.limitSize)} catch (e) {  // Do something when catch error}

wx.removeStorage(OBJECT)


从本地缓存中异步移除指定 key 。

OBJECT参数说明:

参数类型必填说明
keyString本地缓存中的指定的 key
successFunction接口调用的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.removeStorage({  key: 'key',  success: function(res) {console.log(res.data)  } })

wx.removeStorageSync(KEY)


从本地缓存中同步移除指定 key 。

参数说明:

参数类型必填说明
keyString本地缓存中的指定的 key

示例代码:

try {  wx.removeStorageSync('key')} catch (e) {  // Do something when catch error}

wx.clearStorage()


清理本地数据缓存。

示例代码:

wx.clearStorage()

wx.clearStorageSync()


同步清理本地数据缓存

示例代码:

try {    wx.clearStorageSync()} catch(e) {  // Do something when catch error}

Bug & Tip

tip: 本地数据存储的大小限制为 10MB

关于“微信小程序API怎么做数据缓存”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网精选频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: 微信小程序API怎么做数据缓存

本文链接: https://www.lsjlt.com/news/308549.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序API怎么做数据缓存
    这篇文章主要介绍“微信小程序API怎么做数据缓存”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序API怎么做数据缓存”文章能帮助大家解决问题。每个微信小程序都可以有自己的本地缓存,可以通过w...
    99+
    2023-06-26
  • 微信小程序怎么做字幕
    微信小程序做字幕的案例:在wxml文件中添加以下代码。<view style="height: 30px;overflow: hidden;">  <v...
    99+
    2022-10-10
  • 微信小程序怎么做优化
    微信小程序可以从这几方面优化:1.样式优化,小程序整体风格统一;2.布局优化,小程序各版块要有逻辑;3.搜索优化,标题使用行业关键词;4.使用优化,针对页面反应速度及导航设置进行优化;微信小程序可以从以下几方面来优化样式优化小程序整体风格样...
    99+
    2022-10-15
  • 微信小程序怎么做店铺
    微信小程序做店铺的方法:通过微信公众平台,注册微信小程序帐号。借助第三方工具来搭建小程序。进入管理后台,创建商品分类,接着开始上架商品,点击“发布商品”,填写商品信息。商品上架完成之后,在“风格装修”页面中,点击“新建页面”,选用合适的模板...
    99+
    2022-10-09
  • 自己怎么做微信小程序
    本文小编为大家详细介绍“自己怎么做微信小程序”,内容详细,步骤清晰,细节处理妥当,希望这篇“自己怎么做微信小程序”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。  自己如何做微信小程序  1、注册小程序  在注册小...
    99+
    2023-06-26
  • 微信小程序如何清除缓存
    这篇文章主要介绍“微信小程序如何清除缓存”,在日常操作中,相信很多人在微信小程序如何清除缓存问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序如何清除缓存”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-06-26
  • 微信小程序中Audio API怎么用
    这篇文章将为大家详细讲解有关微信小程序中Audio API怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。注意:1.2.0 版本开始,本接口不再维护。建议使用能力更强的 wx.getBackgroun...
    99+
    2023-06-26
  • 微信小程序清除缓存功能怎么实现
    要实现微信小程序的清除缓存功能,可以使用wx.clearStorage()方法来清除小程序的本地缓存。具体的实现步骤如下:1. 在需...
    99+
    2023-09-26
    微信小程序
  • 微信小程序怎么返回数据
    本文小编为大家详细介绍“微信小程序怎么返回数据”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序怎么返回数据”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。数据分析接口开发者通过数据分析接口,可获取到小程序...
    99+
    2023-06-26
  • 微信小程序API怎么获取位置
    今天小编给大家分享一下微信小程序API怎么获取位置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。wx.getLocation...
    99+
    2023-06-26
  • 微信小程序API设备怎么绑定
    这篇文章主要介绍了微信小程序API设备怎么绑定的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序API设备怎么绑定文章都会有所收获,下面我们一起来看看吧。微信小程序API设备概览系统信息&mdas...
    99+
    2023-06-26
  • 微信小程序中如何实现本地数据缓存功能
    小编给大家分享一下微信小程序中如何实现本地数据缓存功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下:前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存...
    99+
    2022-10-19
  • 微信小程序实现页面缓存效果
    抱歉,我不能在该平台上提供具体的代码示例。但是我可以给你一些关于微信小程序实现页面缓存的一般指导和步骤,希望能帮到你。微信小程序是一种轻量级的应用程序,它需要快速加载和响应用户操作。页面缓存是一种优化技术,可以加快页面加载速度,提升用户体验...
    99+
    2023-11-21
    页面 缓存 微信小程序
  • 微信小程序如何处理页面缓存
    微信小程序处理页面缓存的方法: 根据当前时间作为判断依据,缓存数据,代码: Page({   data: {   },   onLoad: function () { ...
    99+
    2022-10-21
  • 微信小程序怎么做好界面优化
    这篇文章主要讲解了“微信小程序怎么做好界面优化”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序怎么做好界面优化”吧!  微信小程序如何做好界面优化  1、页面新颖有趣  为了更好地以...
    99+
    2023-06-26
  • 微信小程序怎么做好拼团功能
    这篇文章主要介绍“微信小程序怎么做好拼团功能”,在日常操作中,相信很多人在微信小程序怎么做好拼团功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序怎么做好拼团功能”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-26
  • 商家怎么做好微信小程序红利
    这篇文章主要介绍“商家怎么做好微信小程序红利”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“商家怎么做好微信小程序红利”文章能帮助大家解决问题。  商家如何做好微信小程序红利  1、打造出工具类小程序...
    99+
    2023-06-26
  • 微信小程序怎么制作api拦截器
    这篇“微信小程序怎么制作api拦截器 ”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序怎么制作api拦截器 ”文章吧...
    99+
    2023-06-26
  • 怎么把微信小程序异步API为Promise
    本文小编为大家详细介绍“怎么把微信小程序异步API为Promise”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么把微信小程序异步API为Promise”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。准备转化后...
    99+
    2023-06-26
  • 微信小程序怎么连接MySQL数据库
    这篇“微信小程序怎么连接MySQL数据库”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序怎么连接MySQL数据库”文...
    99+
    2023-06-28
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作