uniapp存储讲解

简介: uniapp存储讲解

在 Uni-app 中,你可以使用本地缓存来存储应用程序的数据。Uni-app 提供了两种本地缓存方式:uni.setStorageSyncuni.setStorage。其中,uni.setStorageSync 同步方式存储数据,适合小数据量的存储;而 uni.setStorage 异步方式存储数据,适合大数据量的存储。

以下是 uni.setStorageSync 的示例代码:

// 存储数据
uni.setStorageSync('key', 'value');
// 读取数据
const data = uni.getStorageSync('key');
// 删除数据
uni.removeStorageSync('key');

在上述代码中,我们使用 uni.setStorageSync 存储了一个键值对数据 { key: 'value' }。使用 uni.getStorageSync 方法读取数据时,会返回该键对应的值 'value'。使用 uni.removeStorageSync 方法删除数据时,会将该键值对从本地缓存中删除。

以下是 uni.setStorage 的示例代码:

// 存储数据
uni.setStorage({
  key: 'key',
  data: 'value',
  success() {
    console.log('存储成功');
  },
});
// 读取数据
uni.getStorage({
  key: 'key',
  success(res) {
    console.log(res.data);
  },
});
// 删除数据
uni.removeStorage({
  key: 'key',
  success() {
    console.log('删除成功');
  },
});

在上述代码中,我们使用 uni.setStorage 存储了一个键值对数据 { key: 'value' }。使用 uni.getStorage 方法读取数据时,会在成功回调函数中返回该键对应的值 'value'。使用 uni.removeStorage 方法删除数据时,会在成功回调函数中打印 '删除成功'

在实际应用中,你需要根据具体需求选择适合的存储方式。注意,由于本地缓存容量有限,不建议将大量数据存储在本地缓存中。同时,为了避免数据冲突,建议在键名前添加命名空间等前缀。

目录
相关文章
|
3月前
|
存储 前端开发 算法
|
3月前
|
存储 小程序 JavaScript
|
6月前
|
存储
uniapp怎么存储用户登录的所有数据?
uniapp怎么存储用户登录的所有数据?
|
6月前
|
存储 JavaScript
在uniapp中如何存储全局变量
在uniapp中如何存储全局变量
144 0
|
存储 小程序 Java
【笔记11】uniapp点击复制;mysql数据库存储emoji表情;Java 二维码生成;uniapp引入自定义图标
做公司的项目,给微信小程序体验版添加了新的页面,提交测试的时候没有任何效果。上网搜索了解后,知道:若 pages.json 文件发生了变化,尤其是首页路径发生了变化。代码上传成功后,需要在后台手动设置一下首页路径,或者取消体验版,重新生成体验版二维码。
629 0
【笔记11】uniapp点击复制;mysql数据库存储emoji表情;Java 二维码生成;uniapp引入自定义图标
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
125 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
60 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
78 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
107 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
107 7
下一篇
无影云桌面