微信小程序实现本地存储

最新推荐文章于 2023-12-07 15:41:35 发布
原创 最新推荐文章于 2023-12-07 15:41:35 发布 · 5.3k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#本地存储

本文介绍如何使用小程序的wx.getStorageSync()方法实现收藏状态的本地存储。通过检查本地存储来判断是否已收藏，若未收藏则将唯一ID存入对象，默认设置为未收藏状态。

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

效果如下
在这里插入图片描述
用到小程序的wx.getStorageSync()方法
本地存储格式
在这里插入图片描述
思路
1.第一次进入页面时候判断是否存在本地存储以及是否收藏
2.如存在，则说明以前进行过收藏或者取消收藏
3.如果第一次进入，根本不存在数据，我们就把唯一的id扔到对象中，然后默认为false(true代表收藏，false代表取消收藏)，在将对象扔到本地存储中
在这里插入图片描述
在这里插入图片描述

荔枝吖
关注
小程序开发框架IndexedDB：本地数据库应用
小程序开发
07-07 603
本文旨在全面介绍IndexedDB在小程序开发中的应用，帮助开发者理解并掌握这一强大的本地存储技术。我们将覆盖从基础概念到高级应用的完整知识体系，包括API使用、性能优化和实际案例。文章将从IndexedDB的基本概念开始，逐步深入到核心原理、API使用、实际案例和性能优化等方面。最后我们会探讨IndexedDB的未来发展趋势和在小程序生态中的定位。IndexedDB：一种浏览器内置的NoSQL数据库，支持索引、事务和大量结构化数据存储事务(Transaction)
微信小程序开发中的本地存储与数据持久化
最新发布
qq_67153941的博客
06-07 1805
微信小程序提供了本地存储和数据持久化的功能，可以将数据存储在用户的本地设备上，以便在下次使用时可以读取和使用这些数据。在本文中，我将详细介绍微信小程序中的本地存储和数据持久化的使用方法，并提供一些代码案例。filePath是文件的路径，data是要写入的数据，encoding是写入数据时使用的编码方式。在本文中，我详细介绍了微信小程序中本地存储和数据持久化的使用方法，并提供了相应的代码案例。希望本文能帮助到您。数据持久化可以将数据保存在小程序的本地文件系统中，以便在下次使用时读取和使用这些数据。
微信小程序-数据缓存
ronin的博客
10-31 1339
微信小程序开发-开发笔记 数据缓存 开发到商品分类页面时，数据过大，每次刷新都需要重新请求的话比较浪费时间 所以使用数据缓存功能优化性能 原小程序的初始化生命周期时： page{ onLoad : function(options){ // 获取数据 getCategoryList(); } } 问题就出在这里不管是用back键还是弹回当前页面都会发送请求，这样做虽然可以获取到最新的数据，但是所消耗前后端性能都较大，并且此页面为电商项目的分类页面，从实际情况
本地存储（微信小程序）
Syyynb的博客
07-01 2226
微信小程序提供了两种方式来进行本地存储数据：同步和异步。将数据存在本地缓存指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口，Object参数属性如下:异步写入本地数据缓存，使用回调函数处理接口调用情况，使用处理接口调用情况异步读取本地缓存数据，使用successfail等回调函数处理接口调用情况，Object参数属性如下：从本地缓存中同步获取指定key的对应内容，使用处理读取的错误信息。
微信小程序的缓存
wangming0123的博客
03-29 1106
onLoad: function (options) { //获取缓存 const Cates = wx.getStorageSync('cates') //判断缓存是否存在 if (!Cates) { //不存在，去网络请求 this.apiCategories() } else { //存在判断时间是否超时 if (Date.now() - Cates.time > 1000 * 5) { ..
微信小程序storage操作报错，判断是否能取到值
刘富国的博客
07-10 2118
微信小程序wx.getStorage报错，判断是否能取到值 1.取不到值时，控制台报错 2.解决办法:添加.catch(err=>{})捕获异常 wx.getStorage({ key: 'storageKey' }).then(data => { //能在storage中取到值 }).catch(err => { //storage取不到值 }) } ...
微信小程序 跳转界面，选择货物之后，返回上一页带参数并判断参数是否存在
Depressiom的博客
12-07 5429
当刚进来时选择货物，跳转到选择货物界面进行货物选择，如果货物重复，不再新增货物，如果不存在，则新增prevPage.setData()用于在页面之间传递数据。它将数据设置到上一个页面（即prevPage）的data对象中，然后可以在上一个页面中通过data属性访问该数据。这种方式适用于在页面之间传递少量数据。wx.setStorage和wx.setStorageSync用于在本地存储中保存数据。它们可以将数据存储在微信小程序的本地缓存中，以便在小程序的不同页面中进行读取和使用。
微信小程序 本地数据存储实例详解
11-28
微信小程序 本地数据存储实例详解 前言 如果您在看此文章之前有过其他程序的开发经验，那一定会知道一般例如安卓或者苹果的原生APP都提供了本地的存储功能，甚至可以使用sqlite数据库来做存储。可是微信的小程序框架...
微信小程序实现form表单本地储存数据
10-16
微信小程序中实现form表单本地存储数据是一个非常实用的功能，它可以让用户在没有网络的情况下也能填写表单，并且在恢复网络连接后自动将数据提交到服务器。本文将详细介绍如何在微信小程序中实现form表单的本地存储...
微信小程序-本地生活便民服务小程序源码及项目截图
06-11
微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。它的出现极大地简化了应用的开发流程，使得开发者可以快速构建具有特定功能的小程序，而无需安装，用户通过微信即可直接使用。本资源...
微信小程序实现婚礼邀请函源代码
07-01
这个小程序没有后端服务器支持，意味着所有的数据交互可能都是本地存储或者通过微信小程序的API进行。例如，宾客的确认回执、祝福留言等可能存储在微信的本地缓存中，或者通过微信服务器进行传递。 5. **事件处理*...
微信小程序：globalData和Storage数据存储的错误示例
热门推荐
weixin_39015132的博客
10-10 1万+
前言 在小程序登录是，将返回的用户数据，存储在globalData中和storage中。 // 存储的数据是一个对象 wx.setStorageSync('userAuthData', user.data.data); this.globalData.userAuthData = user.data.data; 之前，数据更新了，为了避免频繁的数据请求，要更新之前的用户数据（更新某字段的值...
微信小程序:缓存wx.getStorage
weixin_49200545的博客
04-30 4098
我在使用wx.getStorage来获取缓存的数据并使用 this.setDate 来进行赋值时报错 Cannot read property ‘setData’ of undefined 无法读取未定义的属性“setData” 问题代码 wx.getStorage({ key: 'user_Data', success(res) { if(res.data != null && res.data !=0){ this.setD
微信小程序开发之 - set/get Storage本地存储（缓存)
happy42779的博客
09-09 1613
最近在开发中发现了，wx.setStorage 和 wx.getStorage 在实际使用上对程序有很大的影响，但是官方文档并未说明影响在哪里。 今天我在程序入口页面setStorage了，(*在setStorage的时候data这一字段可以使用string 也可以使用一个数据结构，如数组，但是在console里面会报错，不过程序还是照常可以运行，并且用getStorage也可以正常获取到...
微信小程序精通到入门---03 全局数据和本地存储
shuixiou1的博客
04-11 681
微信小程序精通到入门---03 全局数据和本地存储 一、全局数据 1、全局数据的设置，访问获取，变更。 设置：在app.js设置，挂载到globalData属性下，比如 globalData: { userInfo: null, sfs: [ { sf: 1, sfmc: '湖南', check: true }, { sf: 2, sfmc: '湖北', check: false }, // ... 省略 ] } 访问获取：通过v
微信小程序中globalData的设置与读写
在工作中记录下美好的瞬间~~
04-16 1379
转载：https://blog.youkuaiyun.com/sinat_33937178/article/details/79124022
微信小程序下载网络图片保存到本地
baorant24的博客
04-14 1172
微信小程序下载网络图片保存到本地 问题背景 前一篇文章介绍了，微信小程序网络请求数据并在页面列表显示(参考 https://blog.51cto.com/baorant24/6189453 )，本文将介绍微信小程序是如何获取网络图片并保存到本地的。 问题分析 关键环节分析如下： (1)微信小程序判断目录/文件是否存在 Fi...
微信小程序踩坑—本地缓存
一叶舟遥
10-18 8540
同一个微信用户，同一个小程序 storage 上限为 10MB。 1.wx.setStorageSync(KEY,DATA)  将data 同步存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容。 var userInfo = res.data.data wx.setStorageSync('userInfo', userInfo) 这里是把服务器返回的用户数据存放到k...
微信小程序 本地存储
html网页设计、web前后端网站制作、大学生网页设计作业、jQuery网站设计、uniapp小程序、vue网站设计、网页成品模板、期末大作业，各种源码应有尽有，持续更新中...
11-09 5960
【代码】微信小程序 本地存储。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值