小程序 本地存储setStorage 和getStorageSync的运用

最新推荐文章于 2024-07-22 10:50:11 发布
最新推荐文章于 2024-07-22 10:50:11 发布
阅读量2.5k 收藏 7
点赞数 7
分类专栏： 小程序 文章标签： 小程序 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34312604/article/details/117568084
版权
本文分享了开发者在使用微信小程序本地存储时遇到的问题，即setStorageSync后getStorageSync无法获取数据的困扰。通过亲身经历和解决步骤，提供了一条避免此类问题的方法，有助于提升开发效率。
摘要由CSDN通过智能技术生成

在做小程序本地存储的时候，一定要异步存储setStorage  然后同步获取本地存储数据getStorageSync

如果你是用setStorageSync 存，但是会发现getStorageSync取不出数据，我遇到这个问题真的花了我好长的时间，所以在这里记录一下，希望对大家有帮助！！！！

 

soso杰
关注
专栏目录
getStorageInfoSync和getStorageSync
for what
02-27 5192
学习小程序的时候，想要获取key对应的对象没注意使用了getStorageInfoSync，一直只显示了key值，找了很久的问题，后来发现是getStorageSync。 getStorageInfoSync是同步获取当前storage的相关信息，获取的是所有信息 getStorageSync从本地缓存中同步获取指定 key 对应的内容 getStorageInfoSync是返回整个...
小程序使用缓存setStorageSync和getStorage来设置缓存和读取缓存数据（踩坑记录）
weixin_41033048的博客
09-04 1万+
前言：网上的教程好复杂好乱，没有把简要的东西概括出来，摸索了好多文章却最终靠自己的小测试解决了这个问题。记录以下次使用，分享给大家。 这是在获取到请求数据时，把请求到的数据写入缓存的操作 success(res) { var info = res.data.data; wx.setStorageSync( 'history', ...
微信小程序缓存wx.getStorage（）的使用
最新发布
m0_60452436的博客
07-22 689
wx.setStorage(object)是一个异步接口，参数object包含key和data（需要存储的内容），他有3个回调函数：success（接口调用成功的回调函数）、fail（接口调用失败的回调函数）、complete（接口调用结束的回调函数，调用成功、失败都会执行）。页面的onShow生命周期基本在每次打开页面都会触发，所以在onShow里调用更保险，当然了，如果熟悉路由切换到下一个页面时触发哪个生命周期，也可以在onLoad里面调用，提升用户体验。\3. 在哪个生命周期可以调用缓存。
小程序storage
dearMengJJ的博客
10-14 452
1、同一个微信账户，同一个小程序stirage上限为10MB 2、storage以用户维度隔离，同一台设备上，a用户无法获取到b用户的饿数据 3、如果用户存储空间不够，会清空最近最久未使用的小程序的本地缓存。 空间不足或者用户换设备的情况都可能导致获取不到storage ...
小程序getStorageSync、setStorageSync数据缓存，优化页面加载
总结前端开发中遇到的问题，分享前端知识
03-22 1万+
onLoad(options) { // 获取本地数据 const Cates = wx.getStorageSync('cates'); if (!Cates) { this.getCates(); } else { // 定义数据过期时间10s if(Date.now() - Cates.time > 1000*10) { this.getCates(); } else { this..
微信小程序同步/异步 setStorage/setStorageSync getStorage/getStorageSync
weixin_34150830的博客
07-03 992
最近在写一个小程序的监控文件，遇到一个很常见的错，就是setStorage和getStorage是异步的问题 其中有两段代码是这样写的 native.onLaunch = function (options) { console.log("hook onLaunch", options); onLaunch && onLaunch.apply(n...
微信小程序-Storage
Neo
05-21 80
官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html 存储数据 ?> 带了 Sync 就是同步的方法，没有带就是异步的 setStorageSync/setStorage 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删...
微信小程序数据缓存Storage
别告诉我有Bug
11-02 9608
1.存放数据 wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。数据存储上限为 10MB。 wx.setStorage({ key:"key", data:"value" }) wx.setStora...
如何在微信小程序中存setStorage
10-15
`setStorage` 和 `getStorageSync` 是微信小程序提供的本地数据持久化方法，可以帮助开发者在用户离开页面或者关闭小程序后仍然保存关键数据。本篇文章将深入探讨如何在微信小程序中使用 `setStorage` 存储数据，并...
微信小程序 本地数据存储实例详解
11-28
微信小程序 本地数据存储实例详解 前言 如果您在看此文章之前有过其他程序的开发经验，那一定会知道一般例如安卓或者苹果的原生APP都提供了本地的存储功能，甚至可以使用sqlite数据库来做存储。可是微信的小程序框架...
微信小程序开发之——数据存储Storage
热门推荐
我的博客
11-10 1万+
一 概述 微信小程序默认创建的应用，点击用户头像，会显示log日志，日志存储在Storage中，key值是logs，value值是Array数组，数组的长度为8 二 logs日志分析 2.1 读取logs日志并追加(app.js) onLaunch() { // 展示本地存储能力 const logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', l
小程序缓存Storage的基本用法
qq_39141511的博客
06-18 1212
小程序里面存储最大限制不超过10M wx.setStorageSync('key', 'hello world') 在小程序调试器里面的Storage里面就能看到设置的键值对。 在小程序里面，如果用户不主动清除缓存，这个缓存是一直在的。 修改的话，只要保持key值一样，value值变了就可以了 wx.setStorageSync('key', 'hello') 获取Storage的值 wx.getStorageSync('key'); 删除Storage的值 wx.removeStorageSync(
前端性能优化-微信小程序的storage缓存请求数据
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 1420
微信小程序的storage缓存是。微信小程序的storage缓存提供了一种方便的数据存储方式，但需要注意其存储限制和隔离策略，以确保数据的正确使用和管理。通常，无论是web端，还是小程序，请求页面数据都是一打开就去发起。
微信小程序之getStorage与getStorageSync
weixin_50134771的博客
02-27 1160
此时，我百度发现：getStorage是一个异步取缓存->即：getStorage有可能会在edit之后执行完。也就是说，有可能会出现cart变量还没有更新，但是edit已经从旧的cart中取得数据的可能，极大的造成了程序运行结果的不确定性！今天做微信小程序的购物车界面，写完之后发现，每次在其他页面添加完商品后切入购物车页面时，都加载不出本次添加的商品，只能显示历史添加的商品（后来才明白这应该是缓存进去了）。找了很久的bug，最后排查到这几句。edit方法是从cart中取出数据来为wxml中的变量赋值。
一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync（附Demo）
码农研究僧的博客
04-15 7316
uni.setStorage({key, data, success, fail, complete})：将数据异步存储到本地缓存中，可提供成功、失败和完成时的回调函数 uni.getStorage({key, success, fail, complete})：从本地缓存中异步获取数据，可提供成功、失败和完成时的回调函数
小程序中的Stroage和Web中的Storage用法和区别
qq_41385011的博客
08-08 768
Web端和小程序的storage缓存使用区别 1.写代码的方法不一样 web: localStorage.setItem(“key”,“value”); localStorage.getItem(“key”) 小程序:wx:setStorageSync(“key”,“value”); wx:getStorageSync(“key”); 2.存的时候是否做类型转换 web:不管存入的是什么数据，都会调用toString()方法把它转换成字符串，再存入 小程序:不存在类型转换的操作，存入的是什么数据就是什
setStorage、getStorage、 removeStorage 封装
Unknowncheats的博客
08-19 1002
// 本地存储 setStorage(name, data){ let dataType = typeof data; // json对象 if(dataType === 'object'){ window.localStorage.setItem(name, JSON.stringify(data)); } // 基础类型 else if(['number','str...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值