探讨uniapp的数据缓存问题

异步就是不管保没保存成功,程序都会继续往下执行。同步是等保存成功了,才会执行下面的代码。使用异步,性能会更好;而使用同步,数据会更安全。

1 uni.setStorage(OBJECT)

将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。

java 复制代码
	saveUserName2Storage() {
		uni.setStorage({
			key: 'userName',
			data: 'zhaoshuai-lc',
			success: e => {
			}
		});
	}

2 uni.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。

java 复制代码
	saveUserName2Storage() {
		uni.setStorageSync('userName', 'zhaoshuai-lc');
	}

3 uni.getStorage(OBJECT)

从本地缓存中异步获取指定 key 对应的内容。

java 复制代码
	saveUserName2Storage() {
		uni.getStorage({
			key: 'storage_key',
			success: function (res) {
				console.log(res.data);
			}
		});
	}

4 uni.getStorageSync(KEY)

从本地缓存中同步获取指定 key 对应的内容。

java 复制代码
	saveUserName2Storage() {
		const value = uni.getStorageSync('storage_key');
	}

5 uni.removeStorage(OBJECT)

从本地缓存中异步移除指定 key。

java 复制代码
uni.removeStorage({
	key: 'storage_key',
	success: function (res) {
		console.log('success');
	}
});

6 uni.removeStorageSync(KEY)

从本地缓存中同步移除指定 key。

java 复制代码
try {
	uni.removeStorageSync('storage_key');
} catch (e) {
	// error
}

7 uni.clearStorage()

清理本地数据缓存。

java 复制代码
uni.clearStorage();

8 uni.clearStorageSync()

同步清理本地数据缓存。

java 复制代码
try {
	uni.clearStorageSync();
} catch (e) {
	// error
}

uni-app的Storage在不同端的实现不同:

  • H5端为localStorage,浏览器限制5M大小,是缓存概念,可能会被清理
  • App端为原生的plus.storage,无大小限制,不是缓存,是持久化的
  • 各个小程序端为其自带的storage
    api,数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。
  • 微信小程序单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。
相关推荐
在未来等你2 分钟前
Redis面试精讲 Day 1:Redis核心特性与应用场景
数据库·redis·缓存·nosql·面试准备
小徐_23339 分钟前
uni-app 弹窗总被父元素“绑架”?3招破局,H5/小程序/APP一招通杀!
前端·微信小程序·uni-app
Kookoos4 小时前
ABP VNext + 多级缓存架构:本地 + Redis + CDN
redis·缓存·微服务·架构·abp vnext
长风破浪会有时呀5 小时前
Redis 命令总结
数据库·redis·缓存
GDAL5 小时前
Node.js 聊天内容加密解密实战教程(含缓存密钥优化)
缓存·node.js
亚洲第一中锋_哈达迪5 小时前
详解缓存淘汰策略:LFU
后端·缓存·golang
Java陈序员6 小时前
又一款基于 SpringBoot + Vue 实现的开源新零售商城系统!
vue.js·spring boot·uni-app
程序员JerrySUN8 小时前
一文理解缓存的本质:分层架构、原理对比与实战精粹
java·linux·开发语言·数据库·redis·缓存·架构
cubicjin8 小时前
Redis面试题
数据库·redis·缓存
2501_9159214319 小时前
没有Mac如何完成iOS 上架:iOS App 上架App Store流程
android·ios·小程序·https·uni-app·iphone·webview