微信小程序 wx.setstorage缓存 同步缓存，异步缓存

最新推荐文章于 2024-07-22 10:50:11 发布
最新推荐文章于 2024-07-22 10:50:11 发布
阅读量1.2w 收藏 9
点赞数 1
分类专栏： 微信小程序 微信小程序 文章标签： 微信小程序 wx.setstorage 同步缓存 异步缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hxfghgh/article/details/82817726
版权

在这里插入图片描述

两个缓存的方法

同步更新setstorage
异步更新setstorageSync

|同步和异步
在这里插入图片描述

在使用缓存的时候可以加一个判断语句 判断缓存是否接收成功

在这里插入图片描述

清除缓存的方法也有，也同样分为同步和异步

在这里插入图片描述

在这里插入图片描述

在一次缓存方法都没有执行的时候，数据不会保存

但是执行了一次之后，及时没有调用那个缓存方法，数据也会保存下来（不去主动清除缓存，他会一直存在，不存在过时事件，缓存的最大不能超过四兆）

在这里插入图片描述

在这里插入图片描述

主键属性 一定要加引号，但是在text文本中可以不加

在这里插入图片描述

最终版

在这里插入图片描述

以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔
微信小程序演示程序

版权所有，禁止转载，违者必究。
喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~

GroovRain
关注
专栏目录
微信小程序 缓存（本地缓存、异步缓存、同步缓存）详解
01-20
微信小程序提供了异步缓存的API，这些方法在执行时不阻塞主线程，使得程序能够继续处理其他任务。以下是几个关键的异步缓存操作： 1. `wx.setStorage({key, data})`：这个方法用于将数据异步地存储到指定的key中。...
微信小程序踩坑—本地缓存
一叶舟遥
10-18 8092
同一个微信用户，同一个小程序 storage 上限为 10MB。 1.wx.setStorageSync(KEY,DATA)  将data 同步存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容。 var userInfo = res.data.data wx.setStorageSync('userInfo', userInfo) 这里是把服务器返回的用户数据存放到k...
微信小程序storage缓存机制，同步方法和异步方法详解
测试
02-15 2386
操作 异步方法 同步方法插入 wx.setStorage wx.setStorageSync读取 wx.getStorage wx.getStorageSync删除 wx.removeStorage wx.removeStorageSync清空 wx.clearStorage wx.clearStorageSync获取缓存信息 wx.getStorageInfo wx.getStor...
微信小程序缓存wx.getStorage（）的使用
最新发布
m0_60452436的博客
07-22 690
wx.setStorage(object)是一个异步接口，参数object包含key和data（需要存储的内容），他有3个回调函数：success（接口调用成功的回调函数）、fail（接口调用失败的回调函数）、complete（接口调用结束的回调函数，调用成功、失败都会执行）。页面的onShow生命周期基本在每次打开页面都会触发，所以在onShow里调用更保险，当然了，如果熟悉路由切换到下一个页面时触发哪个生命周期，也可以在onLoad里面调用，提升用户体验。\3. 在哪个生命周期可以调用缓存。
小程序之wx.setStorage数据缓存机制
weixin_39307273的博客
01-06 1万+
为了项目性能等方面的考虑，有时候有必要为用户经常访问的页面使用缓存机制；在技术上，服务端和前端都有相应的缓存机制。比如传统的session及cookie等等，在微信小程序中，并没有cookie机制，但有本地缓存。小程序官方文档对本地缓存的介绍如下： “每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx....
微信小程序设置wx.getStorage的有效时间，设置缓存过期时间
仙_
01-08 1万+
后台用redis缓存一些数据，有些数据需要给它一个时效性，比如token，用着挺方便的，写小程序的时候也想有个这种能设置过期时间的东西，可是官方没有直接提供这方面的接口，于是就总（抄）结（袭）其他大牛的一些技巧，简单的封装了一个工具类 好了，废话不多说了，先普及一下小程序的缓存基础知识吧 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身...
微信小程序数据缓存Storage
别告诉我有Bug
11-02 9608
1.存放数据 wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。数据存储上限为 10MB。 wx.setStorage({ key:"key", data:"value" }) wx.setStora...
微信小程序 wx.setstoragesync和wx.setstorage 区别
web_ding的博客
02-17 2511
相同点： 微信小程序 wx.setstoragesync和wx.setstorage都是能把值保存在微信小程序缓存中，类似于浏览器的localstorage概念 区别： wx.setStorage是异步的：就是这个在执行中不会影响其他代码的执行 wx.setStorageSync是同步的：要等待这个代码执行完才会去执行其他的代码 使用范例： setStorage： // 设置值 wx.setStorage({ key:"key", data:"value" }) // 取值...
使用Promise封装wx.request wx.setStorage封装，实现设置过期时间
05-11
在微信小程序开发中，我们经常会遇到异步操作，如网络请求和本地存储。`wx.request`用于发送HTTP请求，而`wx.setStorage`用于数据的持久化存储。然而，由于这些API都是回调函数形式，处理起来可能会导致回调地狱，...
微信小程序缓存：本地缓存，同步缓存，异步缓存
03-29
关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10 ...       关于本地...
微信小程序如何修改本地缓存key中单个数据的详解
10-17
在微信小程序中，本地缓存是一种重要的数据存储方式，它允许开发者暂时保存用户数据，即使在小程序关闭后也能保持这些数据。本地缓存通常用于存储一些不敏感且不需要实时更新的信息，例如用户设置、部分界面状态等。...
微信小程序wx.getStorageSync同步读缓存无法获取到数据的坑
热门推荐
Koevas的博客
02-10 2万+
写小程序经常碰到读缓存无法获取到数据问题，一直没头绪，以为是小程序本身的bug。 后来仔细读官方文档才发现自己被误导了，wx.getStorageSync同步读缓存 与 wx.getStorage异步读缓存写法有差异，而我在wx.getStorageSync使用了wx.getStorage的写法。 原因如下： 当时看官方文档，按照阅读习惯，我错误地理解这是wx.getStorageSync的两种使...
微信小程序同步/异步 setStorage/setStorageSync getStorage/getStorageSync
weixin_34150830的博客
07-03 992
最近在写一个小程序的监控文件，遇到一个很常见的错，就是setStorage和getStorage是异步的问题 其中有两段代码是这样写的 native.onLaunch = function (options) { console.log("hook onLaunch", options); onLaunch && onLaunch.apply(n...
微信小程序开发中的数据同步与实时更新
吃不胖.
03-18 847
微信小程序开发中的数据同步与实时更新是指在小程序中实现数据的同步和实时更新，使得用户在小程序中进行操作时，能够及时获取到最新的数据，并且数据的修改能够实时地反映在其他用户的小程序中。（2）通过WebSocket连接的onMessage事件监听服务器返回的数据变化，并通过回调函数来处理数据变化的情况。（4）在小程序的页面中，可以通过监听数据库中的数据变化来实现实时更新。（3）在小程序的页面中，通过监听服务器返回的数据变化，实现实时更新。（2）在小程序的代码中，引入云开发模块，并初始化云开发环境。
【微信小程序系列：四】前端利用wx.setStorageSync缓存设置有效时间
你好呀，很高兴你在看这里~
11-11 5576
简单来说，就是利用缓存，进行有效期的保存，以此前端加以判断，在如登录状态过期，操作过期等场景使用，扩展性还蛮多的。
微信小程序使用本地存储方法（wx.setStorageSync()和wx.getStorageSync()）
qq_70703397的博客
04-16 1万+
微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现，这里为您介绍一下使用本地存储的流程。总之，使用本地存储可以帮助小程序提高数据的读取速度和响应性，并且能够在离线情况下使用应用。但是需要注意，本地存储是有容量限制的，因此不应存储过多的数据。如果该键值对不存在，则返回undefined。
本地存储（微信小程序）
Syyynb的博客
07-01 1979
微信小程序提供了两种方式来进行本地存储数据：同步和异步。将数据存在本地缓存指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口，Object参数属性如下:异步写入本地数据缓存，使用回调函数处理接口调用情况，使用处理接口调用情况异步读取本地缓存数据，使用successfail等回调函数处理接口调用情况，Object参数属性如下：从本地缓存中同步获取指定key的对应内容，使用处理读取的错误信息。
微信小程序本地存储（wx.setStorage）和（wx.setStorageSync）
华山论码
07-14 5894
微信小程序本地存储（wx.setStorage）和（wx.setStorageSync）
微信小程序开发中的本地存储与数据持久化
qq_67153941的博客
05-05 674
1.2 本地数据库 微信小程序提供了云开发能力，可以使用云数据库来进行数据的持久化存储。集合相当于关系型数据库中的表。2.1 存储用户配置信息 可以使用本地缓存来存储用户的配置信息，以便在小程序启动时读取用户的配置。2.2 缓存请求数据 可以使用本地缓存来存储服务器请求的数据，以提高小程序的性能和用户体验。2.3 使用云数据库存储用户信息 可以使用云数据库来存储用户信息，以便在用户登录过程中使用。本文将介绍小程序中的本地存储与数据持久化的相关知识，并通过多个代码案例来详细说明其使用方法。
微信小程序 wx.setStorage
04-29
微信小程序中的 `wx.setStorage` API 用于将数据存储在本地缓存中。它可以将数据异步存储到本地缓存中，并且支持不同的数据类型，例如字符串、数字、布尔值、对象和数组等。 使用方法如下： ```javascript wx....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值