探讨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。
相关推荐
小北方城市网1 天前
分布式锁实战指南:从选型到落地,避开 90% 的坑
java·数据库·redis·分布式·python·缓存
Swift社区1 天前
H5 与 ArkTS 通信的完整设计模型
uni-app·harmonyos
小夏卷编程1 天前
jeecg boot 路由缓存失效问题
vue.js·缓存
冰冰菜的扣jio1 天前
Redis缓存中三大问题——穿透、击穿、雪崩
java·redis·缓存
oMcLin1 天前
如何在 AlmaLinux 9 上配置并优化 Redis 集群,支持高并发的实时数据缓存与快速查询?
数据库·redis·缓存
小溪彼岸1 天前
uni-app小白从0开发一款鸿蒙Next应用到上线
uni-app·harmonyos
洛阳纸贵1 天前
Redis
数据库·redis·缓存
一颗小青松1 天前
uniapp app端使用uniCloud的unipush
uni-app
梭七y1 天前
【力扣hot100题】(133)LRU缓存
leetcode·缓存·哈希算法
xiaolyuh1231 天前
Caffeine 缓存详解
缓存