探讨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。
相关推荐
snow@li4 小时前
Redis:数据库语法速查表 / 全景梳理
数据库·redis·缓存
Alluxio4 小时前
Alluxio + Anyscale Ray框架,实现跨区域训练数据读取速度20倍提升
人工智能·分布式·机器学习·缓存·ai
手握风云-12 小时前
Redis:不只是缓存那么简单(十四)
redis·缓存
手握风云-1 天前
Redis:不只是缓存那么简单(十五)
数据库·redis·缓存
谙忆1 天前
图片CDN与边缘优化实战:缓存策略、图片处理型CDN与动态裁剪
java·spring·缓存
大白要努力!1 天前
uni-app 全面入门速查手册
前端·uni-app
李剑一1 天前
uni-app x 实现本地 JSON 文件的导入导出(APP端可用)
android·前端·uni-app
2501_915106321 天前
iOS 软件测试工具性能监控、日志分析 KeyMob、Instruments等
android·ios·小程序·https·uni-app·iphone·webview
小杍随笔1 天前
【 .npmrc 终极配置指南:统一管理 npm/pnpm 缓存与全局目录,告别磁盘混乱】
前端·缓存·npm
IvorySQL1 天前
PG 日报|新增 VFD 缓存监控视图,精细化数据库调优
大数据·数据库·人工智能·缓存·postgresql·区块链