小程序的本地缓存数据

最新推荐文章于 2025-04-03 08:47:26 发布

慕容屠苏

最新推荐文章于 2025-04-03 08:47:26 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序原生基础爬坑文章标签：小程序本地缓存数据

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/78632738

微信小程序原生基础爬坑专栏收录该内容

52 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了小程序如何使用本地缓存来存储和管理数据，包括实现效果展示及具体的代码实现，涉及WXML和JS文件的详细内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序的本地缓存数据

实现效果：

代码实现：

localCache.wxml：

<button bindtap="setLocalSession" >设置缓存数据</button>
<button bindtap="getLocalSession" >获取缓存数据</button>
<button bindtap="clearLocalSession" >清空缓存数据</button>

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

慕容屠苏

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

微信小程序——本地存储

weixin_51366526的博客

10-23

2017

微信小程序——本地存储本地数据缓存本地数据缓存是小程序存储在当前设备上硬盘上的数据，本地数据缓存有非常多的用途，我们可以利用本地数据缓存来存储用户在小程序上产生的操作，在用户关闭小程序重新打开时可以恢复之前的状态。我们还可以利用本地缓存一些服务端非实时的数据提高小程序获取数据的速度，在特定的场景下可以提高页面的渲染速度，减少用户的等待时间。 1、读取本地缓存 通过wx.getStorage/wx.getStorageSync读取本地缓存，其中Sync后缀的接口表示是同步接口[9]，执行完毕之后会立马返回

小程序的本地存储

qq_42876444的博客

05-18

1255

在小程序中也存在本地存储也是很简单的。 小程序的数据可以是从接口拿来的数据，也可以自己定义，在这里说的是从接口拿来的数据。有些地方是删除的数据，代码可能也是伪代码说的错了，请大家指导，让我们一起进步，不扯其他了，上干货。现在使用的是小程序中的**wx.setStorageSync(）**和 wx.getStorageInfoSync() Page({ //从接口拿来的数据保存在自定义属性中 listAll: [], getData(){ axios({url:'后台接口'}).then(res=&gt

参与评论您还未登录，请先登录后发表或查看评论

小程序本地存储

weixin_44795287的博客

01-11

315

小程序本地存储其实小程序本地存储跟浏览器大致是一样的，只不过小程序可以存任何数据类型的数据，而浏览器只能存字符串 uni.setStorageSync('storage_key', 'hello') uni.getStorageSync('storage_key')

小程序里面的本地存储

fengshaopu的博客

05-12

193

同步的 wx.setStorageSync(“key”, data); //存值 key是健名，data是数据 wx.getStorageSync(‘key’) //取值 key是本地存储的健名转子：https://blog.youkuaiyun.com/weixin_43638968/article/details/108864294?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162081053016780265411508%2522%252

微信小程序 本地存储

html网页设计、web前后端网站制作、大学生网页设计作业、jQuery网站设计、uniapp小程序、vue网站设计、网页成品模板、期末大作业，各种源码应有尽有，持续更新中...

11-09

5960

【代码】微信小程序 本地存储。

微信小程序本地缓存数据增删改查实例详解

12-09

微信小程序本地缓存数据增删改查实例详解数据如： var user = { name: 'Lion', sex: 'guy' } CRUD： // 添加 wx.setStorageSync('user', user); // 查询 var developer = (wx.getStorageSync('user') || [])...

微信小程序本地缓存数据增删改查

03-29

数据如： [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 var user = { name: 'Lion', sex: 'guy' } CRUD： // 添加 wx.setStorageSync('user', user); // 查询 var developer = (wx....

微信小程序中如何正确使用本地数据缓存

m0_58859743的博客

07-21

6690

本地数据缓存是小程序存储在当前设备上硬盘上的数据，本地数据缓存有非常多的用途，我们可以利用本地数据缓存来存储用户在小程序上产生的操作，在用户关闭小程序重新打开时可以恢复之前的状态。我们还可以利用本地缓存一些服务端非实时的数据提高小程序获取数据的速度，在特定的场景下可以提高页面的渲染速度，减少用户的等待时间。...

微信小程序如何修改本地缓存key中单个数据的详解

11-28

点击‘我的’时，我让它从控制台打印出student缓存中传过来的数据，如下： {no: "1635050601", name: "张三", sex: "", email: "123@qq.com", classid: "100000-1602", …} classid:"100000-1602" classname:"16级...

小程序中的本地存储

最新发布

qq_41988669的博客

04-03

755

异步的读取，接收一个配置对象，对象里面首先有 key，表示你要读取哪一个数据，因为是异步，所以读取到的数据会传给 success 回调函数，如果读取失败，那么会触发 fail 回调函数。从 2.21.3 版本开始，往本地存储写入数据时，可以进行一个加密的操作，只需要配置 encrypt 为 true 即可。写入实际上也很简单，首先我们来看一下异步写入，使用到的是 wx.setStorage。

微信小程序本地存储

qq_19820589的博客

05-07

4965

微信小程序提供了两种方式来进行本地存储：同步版本和异步版本。其中，同步版本是直接返回结果，而异步版本则需要使用回调函数来处理结果。同步版本：// 存储数据// 获取数据// 输出 'Tom'// 删除数据异步版本：// 存储数据console.log('存储成功');});// 获取数据// 输出 'Tom'});// 删除数据console.log('删除成功');});本地存储是微信小程序中一个非常实用的功能，可以帮助我们快速地对数据进行存取。

小程序实现本地存储

li222248的博客

03-09

1610

我们先说一下小程序存储和web本地存储的区别： 1、写代码的方式不一样#### web: 存 : localStorage.setItem(“key”,“value”) 获取：localStorage.getItem(“key”,“value”) 小程序：存 : wx.setStorageSync(“key”,“value”) 获取： wx.getStorageSync(“key”,“value”) 2、存的时候有没又做类型转换 web: 不管存入的是什么类型的数据，最终都会调用以下 toString(

微信小程序:本地存储

llj1028的博客

02-07

906

微信小程序：本体存储；同步存储；异步存储；缓存的限制和隔离

微信小程序中的本地存储

weixin_50240716的博客

11-15

5687

1. 微信小程序中的本地存储：wx.setStorageSync(“key”,“value”) - 读取时的key必须与存储时的key相同，才能取出需要的数据。 - key: string类型 - value：object / string类型 2. 微信小程序中的获取本地内容：wx.getStorageSync(“key”) 注意： web中：不管存入的是什么类型的数据，最终都会先调用一下toString()

本地存储（微信小程序）

Syyynb的博客

07-01

2224

微信小程序提供了两种方式来进行本地存储数据：同步和异步。将数据存在本地缓存指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口，Object参数属性如下:异步写入本地数据缓存，使用回调函数处理接口调用情况，使用处理接口调用情况异步读取本地缓存数据，使用successfail等回调函数处理接口调用情况，Object参数属性如下：从本地缓存中同步获取指定key的对应内容，使用处理读取的错误信息。

微信小程序---存储本地缓存数据

weixin_30919235的博客

06-30

1185

微信小程序之数据缓存开发中常用setStorageSync来实现本地数据缓存操作（1）点击缓存案例： <button bindtap="toStorage">存储</button> // 本地存储 toStorage(){ // 获取用户数据存到本地 const appInstance = getApp() ...

查询微信小程序本地缓存数据

12-13

在微信小程序中，你可以通过 `wx.request` 和 `wx.localStorage` API 来操作本地缓存数据。如果你想查询本地存储的数据，可以使用 `wx.localStorageSync(key)` 或 `wx.localStorage.getItem(key)` 方法来获取特定键值对的内容，其中 `key` 是你之前存储数据时设置的键名。 `wx.localStorageSync()` 是同步方法，它会阻塞直至获取到数据，适合小量数据并且不需要实时更新的情况。而 `wx.localStorage.getItem(key)` 是异步的，返回 Promise 对象，需要添加 `.then` 回调来处理获取结果。例如，查询名为 "username" 的数据： ```javascript wx.localStorageSync('username') .then(data => { if (data) { console.log('Username:', data); } else { console.log('No username found in local storage.'); } }) .catch(err => { console.error('Error getting data:', err); }); ``` 如果你只是想检查某个键是否存在，可以使用 `wx.localStorage.getItem(key).then(res => res !== null)`。