微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

2023-10-27

 在微信小程序中,可以使用本地存储来保存一些数据比如用户状态,姓名,性别等;

本地存储主要包括两种方式:缓存和本地数据存储。

  1. 缓存

缓存是一种快速访问内存的临时存储机制,可以有效地提高应用程序的响应速度。在微信小程序中,可以使用wx.setStorage方法和wx.getStorage方法实现数据的缓存。例如:

  // 设置缓存数据
  wx.setStorage({
    key: 'userInfo',
    data: { name: 'Tom', age: 20 },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });

  // 获取缓存数据
  wx.getStorage({
    key: 'userInfo',
    success: function (res) {
      console.log(res.data);
    }
  });

上面的例子中,通过wx.setStorage方法设置了一个名为userInfo的缓存数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorage方法获取缓存数据,获取成功后在控制台中输出了缓存数据。

缓存数据的大小一般受到设备内存的限制,一些低端设备可能会出现缓存数据不稳定,甚至会造成应用程序崩溃等问题。

     2.本地数据存储

本地数据存储是指将数据存储在设备本地的文件系统中,能够保持数据的持久性。在微信小程序中,可以使用wx.setStorageSync方法和wx.getStorageSync方法实现数据的本地存储。例如:

  // 设置本地存储数据
  wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });

  // 获取本地存储数据
  var userInfo = wx.getStorageSync('userInfo');
  console.log(userInfo);

上面的例子中,通过wx.setStorageSync方法设置了一个名为userInfo的本地存储数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorageSync方法获取本地存储数据,获取成功后在控制台中输出了缓存数据。

需要注意的是,本地数据存储的大小受到设备存储容量的限制,存储数据过多可能会占用大量的设备存储空间,导致设备运行缓慢甚至奔溃。

需要根据实际情况选择缓存和本地数据存储方式,可以考虑数据的大小和需求等因素。以及及时清理不必要的缓存和存储数据,以避免占用过多设备内存和存储容量。

清除本地存储:

(1)wx.setStorageSync(); //存储值

(2)wx.removeStorageSync(); // 移除指定的值

(3)wx.getStorageSync(); // 获取值

(4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key

(5)wx.clearStorageSync(); // 清除所有的key

清除缓存:

(2)wx.removeStorage(); // 移除指定的值

(3)wx.getStorage(); // 获取值

(4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key

(5)wx.clearStorage(); // 清除所有的key

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序本地存储(wx.setStorage)和(wx.setStorageSync) 的相关文章

  • 让CSS flex布局最后一行列表左对齐的N种方法

    写在前面 精简版 可以直接移步我的另一篇博客 适用于行列数都不确定的情况 https blog csdn net HD243608836 article details 129854063 一 justify content对齐问题描述 在
  • 通信总线协议一 :UART

    文章目录 通信总线协议一 UART 1 通信基础 1 1 并行 串行 1 2 单工 双工 1 3 同步 异步 1 4 波特率 2 Uart通信协议 3 硬件连接 4 uart存在的问题 通信总线协议一 UART 1 通信基础 1 1 并行
  • 如何在线将Ubuntu 18.04升级到Ubuntu 20.04

    将Ubuntu 18 04升级到Ubuntu 20 04 在将系统升级运行到下一个主要发行版本之前 请确保已备份当前系统 以使您可以恢复原状 以防万一 备份过程不在本指南的范围内 运行系统更新 首先将Ubuntu 18 04系统软件包更新和
  • 深入学习jquery源码之trigger()与triggerHandler()

    深入学习jquery源码之trigger 与triggerHandler trigger type data 概述 在每一个匹配的元素上触发某类事件 这个函数也会导致浏览器同名的默认行为的执行 比如 如果用trigger 触发一个 subm
  • C#异步编程案例学习——异步加载大资源文件1 之 使用 BeginInvoke 与 EndInvoke

    C 异步编程案例学习 异步加载大资源文件1 之 使用 BeginInvoke 与 EndInvoke C 中 BeginInvoke 与 EndInvoke 的一个简单的使用案例 异步编程模型模式 APM 异步编程中的 BeginInvok
  • CentOS 6.4利用xampp安装bugfree3

    1 下载xampp 安装 http www apachefriends org zh cn xampp html 直接执行 run文件安装 默认会安装到 opt lampp 2 启动xampp root localhost opt lamp
  • 米哈游服务器位置,米哈游(米哈游账号中心系统)

    只要绑定了手机号就不要紧了 别人也无法用这个邮箱改密码 别人用也是无法验证 去官网下载崩坏3 不要在小米游戏这种第三方应用市场下载 有人买了米哈游的账号被找回吗 我买的三无号直接登不上 登陆的时候提示说没有这个账号 所以最好不要买 自己注册

随机推荐

  • 对SFBC空频编码和FSTD-SFBC频率切换分集与空频编码的MIMO系统误码率matlab仿真

    目录 一 理论基础 二 核心程序 三 测试结果 一 理论基础 Space Frequency Block Code SFBC 是TD LTE系统中的一种抗干扰技术 其基本原理与Wimax中基于Alamuti 编码的STBC类似 LTE标准中
  • 服务器如何安装 宝塔国外版本

    linux服务器如何安装 宝塔国外版本 centos安装方式 yum install y wget wget O install sh http www aapanel com script install 6 0 en sh bash i
  • fiddlerJScript脚本工具类,轻松写出fiddler 脚本,完成数据抓取

    fiddler是常用的抓包工具 fiddlerJScript脚本是用JScript NET 编写的 使用起来和JS 还是有很多区别的 目前网络上的文章比较分散 有些内容也比较旧 对新手不友好 所以自己动手写了一个工具类 封装了一些常用的方法
  • 进程概念(详解)

    进程概念 基本概念 进程的描述 pcb pcb task struct中内容分类 查看进程 查看进程的信息 通过系统调用来查看进程的标识符 创建进程 fork 杀掉进程 kill 进程状态 特殊进程 僵尸进程 孤儿进程 进程的优先级 PRI
  • java获取季度日期

    获取季度第一天和最后一天 获取当前季度日期 方式一 param dateStr 当前日期字符串 默认为当前日期 return String 季度起始日期 季度结束日期 public static String getSeasonDay St
  • Nginx+Tomcat搭建高性能负载均衡集群

    本文转载至 http blog csdn net wang379275614 article details 47778201 一 工具 nginx 1 8 0 apache tomcat 6 0 33 二 目标 实现高性能负载均衡的Tom
  • Node.js详解(四):连接MongoDB

    文章目录 一 安装MongoDB访问驱动 二 连接数据库 三 添加数据 四 添加多条数据 五 修改数据 六 查询数据 1 查询单条记录 2 查询多条记录 七 删除数据 八 完整示例代码 1 路由 Api 接口 2 运行结果 MongoDB
  • 从不懂到会用,PID从理论到实践~笔记

    从不懂到会用 PID从理论到实践 哔哩哔哩 bilibili PID的适用性 一阶 二阶的线性系统 前馈系统只是对干扰做一个补偿 单闭环系统 双闭环控制系统 一个是还没发生干扰但我知道你会干扰进行反应 一个是看到你对我干扰后并发生后才进行反
  • Nginx重中之重的知识点

    1 反向代理 proxy pass http baidu com location proxy pass http atcui com 代理服务器的概念 代理服务器 客户机在发送请求时 不会直接发送给目的主机 而是先发送给代理服务器 代理服
  • wenstorm 快捷键(java)

    向下复制一行 Duplicate Lines Ctrl Down 修改变量名与方法名 Alt Shift R 向下移动行 Alt Down 显示设置窗口 Ctrl Alt S 向上开始新的一行 Start New Line before c
  • Vscode 调试arm64 linux内核

    对于linux内存系列的阅读和测试记录 https zhuanlan zhihu com p 105069730 https zhuanlan zhihu com p 510289859 搭建arm64内核调试环境 安装工具 sudo ap
  • BAT大佬分享:Linux 工程师的 6 类好习惯和 23 个教训

    一 线上操作规范 1 测试使用 当初学习 Linux 的使用 从基础到服务到集群 都是在虚拟机做的 虽然老师告诉我们跟真机没有什么差别 可是对真实环境的渴望日渐上升 不过虚拟机的各种快照却让我们养成了各种手贱的习惯 以致于拿到服务器操作权限
  • uniapp小程序封装常用工具函数

    1 formatTime格式化时间 function formatTime time format if typeof time number typeof format string return time var formateArr
  • linux php自动执行_linux中定时运行php(每分钟执行一次为例)

    注 使用Crontab定时执行php脚本文件 1 安装crontab yum install crontabs 说明 sbin service crond start 启动服务 sbin service crond stop 关闭服务 sb
  • Chisel入门------Chisel的基本语法4

    概述 本节将具体的介绍集中常见的硬件电路 并探索如何使用Chisel语言进行描述 10 示例设计 10 1 FIFO Bufer 通过在写入端和读取端插入缓冲器可以解耦 常见的FIFO是先进先出buffer 其中empty信号和full信号
  • IE6 firefox2

    所以说 如果我们这样来写 head width 100px important width 70px IE 说 它是70px 因为IE 不认识 important 提升优先权 发现了重复定义width时候就按最后一个来显示Firefox说
  • Spring详解(0 控制反转和依赖注入 AOP简介 )

    目录 依赖注入 控制反转和依赖注入的关系 Spring中的依赖注入 AOP 面向切面编程 Spring 框架本身的四大原则 1 使用pojo进行轻量级和最小侵入式开发 2 通过依赖注入和基于接口编程实现松耦合 3 通过AOP和默认习惯进行声
  • Linux命令常见命令用例

    文章目录 常见命令 awk find Tcp抓包 常见命令 awk 筛选nginx日志时间大于5s cat access log sed s g awk 11 NF gt 5 gt out5s log 筛选nginx状态码等于200 cat
  • ETL工具模块的创建

    01 logging工具模块开发 掌握 日志记录的工具模块 作用 方便后续在 ETL 程序中记录日志 目标 当我们在项目的其他位置使用logging模块进行日志记录时 不需要进行配置或者只需要进行简单的配置即可使用 为了更方便的使用logg
  • 微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

    在微信小程序中 可以使用本地存储来保存一些数据比如用户状态 姓名 性别等 本地存储主要包括两种方式 缓存和本地数据存储 缓存 缓存是一种快速访问内存的临时存储机制 可以有效地提高应用程序的响应速度 在微信小程序中 可以使用wx setSto