一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync(附Demo)

目录

  • 前言
  • 1. uni.setStorage 和 uni.getStorage
  • 2. uni.setStorageSync 和 uni.getStorageSync
  • 3. 比较

前言

将登陆信息存储在本地,后续将相关信息应用在其他的业务
这类功能需要使用到这几个函数

以及 uni.setStorage 和 uni.getStorage 以及 uni.setStorageSync 和 uni.getStorageSync 这两对函数都用于在本地存储数据,但它们之间有一些关键的差异

1. uni.setStorage 和 uni.getStorage

  • uni.setStorage({key, data, success, fail, complete}):将数据异步存储到本地缓存中,可提供成功、失败和完成时的回调函数
  • uni.getStorage({key, success, fail, complete}):从本地缓存中异步获取数据,可提供成功、失败和完成时的回调函数
uni.setStorage({key: 'key',data: 'value',success: function () {console.log('数据存储成功');},fail: function (error) {console.log('数据存储失败:', error);}
});// 获取数据
uni.getStorage({key: 'key',success: function (res) {console.log('获取数据成功:', res.data);},fail: function (error) {console.log('获取数据失败:', error);}
});

2. uni.setStorageSync 和 uni.getStorageSync

  • uni.setStorageSync(key, data):将数据同步存储到本地缓存中,即时执行,没有回调函数
  • uni.getStorageSync(key):从本地缓存中同步获取数据,即时执行,没有回调函数
// 存储数据
uni.setStorageSync('key', 'value');// 获取数据
let data = uni.getStorageSync('key');

3. 比较

同步vs异步回调函数适用场景
1.uni.setStorageSync 和 uni.getStorageSync 是同步方法,会阻塞后续代码的执行,直到操作完成

2.uni.setStorage 和 uni.getStorage 是异步方法,不会阻塞后续代码的执行,而是通过回调函数来处理操作结果
uni.setStorage 和 uni.getStorage 可以提供成功、失败和完成时的回调函数,而同步方法不支持回调函数1.同步方法适用于简单的数据存取,不涉及复杂的异步处理

2.异步方法适用于需要在数据存取完成后执行额外逻辑或需要处理大量数据时

总体Demo:

// 同步存储和获取数据
uni.setStorageSync('syncKey', 'syncValue');
let syncData = uni.getStorageSync('syncKey');
console.log('同步存储和获取数据:', syncData);// 异步存储和获取数据
uni.setStorage({key: 'asyncKey',data: 'asyncValue',success: function () {uni.getStorage({key: 'asyncKey',success: function (res) {console.log('异步存储和获取数据:', res.data);},fail: function (error) {console.log('获取数据失败:', error);}});},fail: function (error) {console.log('存储数据失败:', error);}
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/818069.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端 接口返回来的照片太大 加载慢如何解决

现象 解决 1. 添加图片懒加载 背景图懒加载 对背景图懒加载做的解释 和图片懒加载不同&#xff0c;背景图懒加载需要使用 v-lazy:background-image&#xff0c;值设置为背景图片的地址&#xff0c;需要注意的是必须声明容器高度。 <div v-for"img in imageList&quo…

交叉熵损失函数介绍

交叉熵是信息论中的一个重要概念&#xff0c;它的大小表示两个概率分布之间的差异&#xff0c;可以通过最小化交叉熵来得到目标概率分布的近似分布。 为了理解交叉熵&#xff0c;首先要了解下面这几个概念。 自信息 信息论的基本想法是&#xff0c;一个不太可能的事件发生了…

Centos7源码安装Nginx

1. 安装相关依赖 这一步是针对服务器可能是最小化安装的&#xff0c;有些依赖是没有的情况。 服务器可以联网 则执行1.1否则执行1.2 1.1. 可以联网安装依赖 服务器可以联网 则执行这一步安装相关依赖 # 安装nginx需要先将官网下载的源码进行编译&#xff0c;编译依赖gcc环…

openwrt局域网配置多个IP

在局域网配置过程中&#xff0c;若是DHCP服务器关闭&#xff0c;又忘记了配置的ip&#xff0c;将很难访问到路由器重新进行配置。这种情况可以在路由器出厂时做一个备用ip去避免。 1.配置 以下是备用ip的配置方法&#xff0c;以SKYLAB的SKW99 WIFI模组为例进行说明&#xff1…

如何在树莓派安装Nginx并实现固定公网域名访问本地静态站点

文章目录 1. Nginx安装2. 安装cpolar3.配置域名访问Nginx4. 固定域名访问5. 配置静态站点 安装 Nginx&#xff08;发音为“engine-x”&#xff09;可以将您的树莓派变成一个强大的 Web 服务器&#xff0c;可以用于托管网站或 Web 应用程序。相比其他 Web 服务器&#xff0c;Ngi…

连接完Tomcat服务器后的基本操作

连接完Tomcat服务器后的基本操作 连接完Tomcat后就需要在idea里写接收服务器端数据的代码了。前端的数据由服务器端向后端发送。所以我们要写的是后端接收数据的代码 首先新建一个类继承HttpServlet 无参构造&#xff1a; /*无参构造方法&#xff0c;只被调用一次/一个servl…

LeetCode 59.螺旋矩阵II

LeetCode 59.螺旋矩阵II 1、题目 力扣题目链接&#xff1a;59. 螺旋矩阵 II - 力扣&#xff08;LeetCode&#xff09; 给你一个正整数 n &#xff0c;生成一个包含 1 到 n2 所有元素&#xff0c;且元素按顺时针顺序螺旋排列的 n x n 正方形矩阵 matrix 。 示例 1&#xff1…

你想来微软苏黎世混合现实研究中心学习和实习吗?

Microsoft Mixed Reality & AI Lab - Zurich 苏黎世混合现实研发中心简介 微软苏黎世混合现实与人工智能实验室概况 专注于利用计算机视觉绘制和理解环境&#xff0c;识别和跟踪相关物体&#xff0c;并帮助用户执行任务&#xff0c;构建混合现实的未来。该实验室还在探索混…

API接口淘宝开放平台item_get-获得淘宝商品详情API接口根据商品ID查询商品标题价格描述等详情数据

要使用淘宝开放平台的item_get API接口根据商品ID查询商品标题、价格、描述等详情数据&#xff0c;你需要先注册一个KEY账号&#xff0c;然后获取到api_key和api_secret。接下来&#xff0c;你可以使用Python的requests库来调用API接口。 以下是一个示例代码&#xff1a; # c…

libftdi1学习笔记 3 - MPSSE GPIO

目录 1. 设置模式 2. gpio状态 3. 初始化gpio状态 4. 写gpio 5. 读gpio 6. 验证 6.1 初始化gpio 6.2 测试代码 MPSSE&#xff0c;即Multi-Protocol Synchronous Serial Engine&#xff0c;是FTDI公司推出的一种多协议同步串行引擎&#xff0c;目前仅FT232H、FT2232H、F…

网络管理实验二、SNMP服务与常用的网管命令

1 常用的网管命令 1.1 网络状态监视命令 包括以下命令&#xff1a;Ipconfig、ping、nslookup、dig、host ipconfig 作用&#xff1a;用来显示本机所有网卡的基本信息&#xff08;IP、掩码、网关、工作状态&#xff09;&#xff1b;用法&#xff1a;ipconfig展示&#xff1a;…

ExtendSim花生酱加工厂模型

该模型展示了ExtendSim可靠性模块与ExtendeSim离散速率技术相结合的协同作用。 在花生酱加工厂的最初阶段&#xff0c;花生经过烘烤和冷却。冷却后的花生经过热烫或水烫去外皮。这些经过漂白的花生进入过程的混合部分&#xff0c;在研磨机中用盐、葡萄糖和氢化油稳定剂将其粉碎…

如何通过Linux pciehp sysfs接口控制PCIe Slot电源状态?-3

pciehp sysfs接口电源控制与NVME驱动卸载的区别 从NVMe SSD设计本身而言&#xff0c;当通过pciehp sysfs接口对PCIe插槽执行Power Off操作时&#xff0c;由于NVMe SSD作为PCIe设备&#xff0c;其电源供应是直接依赖于所连接的PCIe插槽提供的。当插槽电源被关闭时&#xff0c;会…

死锁检测组件

一、死锁 线程 A 占用资源 1,线程 B 占用资源 2,线程 A 想占用资源 2,线程 B 想占用资源 1,线程 A 占用资源 1 的情况下去申请占用资源 2,线程 B 占用资源 2 的情况下去申请占用资源 1,就会出现互相等待对方释放资源的情况,也就是死锁。 CPU 占用率 100% → 出现死循环或…

国产HMI芯片Model3C ——工业品质价格亲民

工业级芯片相较于消费级芯片&#xff0c;在性能上确实拥有显著的优势&#xff0c;尤其对于带彩屏显示或HMI的产品来说&#xff0c;这种优势表现得尤为突出。 首先&#xff0c;对于带彩屏显示或HMI人机交互的产品来说&#xff0c;高性能的芯片是保证流畅的用户体验和快速响应的…

阿里云对象存储OSS批量上传,单个上传,批量删除,单个删除!

请自行替换秘钥&#xff1a; #阿里云 OSS src/main/resources/application.properties #不同的服务器&#xff0c;地址不同 aliyun.oss.file.endpointhttps://oss-cn-hangzhou.aliyuncs.com aliyun.oss.file.accessKeyIdLTAI5t9wUqCoD42qPGRy8S aliyun.oss.file.accessKeySecre…

Spring中的适配器模式

在Spring MVC框架中&#xff0c;适配器模式主要体现在对不同类型的处理器&#xff08;即Controller&#xff09;的统一处理上。Spring MVC通过适配器模式来保证无论Controller的实现方式如何多样化&#xff0c;都能够被DispatcherServlet统一调用和管理。具体使用方式如下&…

如何AI绘画(动漫风格)

绘画描述&#xff1a;一只金毛犬 绘画结果&#xff1a; 如何AI绘画&#xff08;动漫风格&#xff09;&#xff1a; 关注一休哥助手微信公众号 点击小程序按钮打开一休哥助手小程序 切换到我&#xff0c;复制授权码 登录网站&#xff1a;https://www.fudai.fun/drawing&…

leetcode.45题:跳跃游戏II

Leetcode.45题&#xff1a;跳跃游戏II /* 题意的理解&#xff1a; nums[0] 只能跳 1 ~ nums[0]步 依次类推&#xff1a;从nums[0] - nums[n - 1] 最少需要多少步数 nums 2 3 1 1 4 nums[0] 2,初始只能跳 1/2步&#xff0c;如跳1步&#xff0c;达到nums[1] 而nums[1] 3,顾第二…

C++构造析构函数

说起默认成员函数&#xff0c;每一个C程序员都不会陌生&#xff0c;因为默认成员函数就如同是一栋大厦的地基。我们常说“基础不牢&#xff0c;地动山摇”&#xff0c;在这里得到充分的体现。本章介绍两种默认成员函数&#xff1a;构造函数和析构函数。 正文开始~~~ 构造函数 …