uniapp本地存储(uni.setStorageSync和uni.setStorage)

简介: uniapp本地存储(uni.setStorageSync和uni.setStorage)

UniApp中,可以使用uni-app提供的本地存储API进行数据的读写操作。具体来说,UniApp提供了以下方法:

简单使用如下:

  // 设置缓存数据
  uni.setStorageSync('ceshi', true)
  // 获取缓存数据
  uni.getStorageSync('ceshi')

1.uni.setStorageSync(key, data):将数据同步保存在本地缓存中,key为字符串类型,表示要保存数据的键,data可以是任何支持JSON序列化的数据类型。


2.uni.getStorageSync(key):从本地缓存中同步获取指定key的数据。


3.uni.removeStorageSync(key):从本地缓存中同步移除指定key的数据。


4.uni.clearStorageSync():清空本地缓存中所有数据。


uni.setStorage(Object object):将数据异步保存在本地缓存中,Object参数可以包含以下属性:


1.key:字符串类型,表示要保存数据的键。


2.data:任何支持JSON序列化的数据类型,表示要保存的数据。


3.success:回调函数,在数据保存成功时触发.


uni.getStorage(Object object):从本地缓存中异步获取指定key的数据,Object参数可以包含以下属性:


1.key:字符串类型,表示要保存数据的键。


2.data:任何支持JSON序列化的数据类型,表示要保存的数据。


3.success:回调函数,在数据保存成功时触发。


uni.getStorage(Object object)从本地缓存中异步获取指定key的数据,Object参数可以包含以下属性:


1.key:字符串类型,表示要获取数据的键。


2.success:回调函数,在数据获取成功时触发,回调参数包含以下属性。


          data:从本地缓存中获取到的数据。


uni.removeStorage(Object object):从本地缓存中异步移除指定key的数据,Object参数可以包含以下属性:


1.key:字符串类型,表示要移除数据的键。


2.success:回调函数,在数据移除成功时触发。


ps:需要注意的是,使用本地存储保存数据时需要注意数据类型,要保证数据能够被正确序列化和反序列化。此外,对于较大的数据,建议采用异步存储方式,以免阻塞主线程导致界面卡顿。


相关文章
|
4月前
|
存储
uniapp本地存储的几种方式
uniapp本地存储的几种方式
|
5月前
|
存储 SQL 缓存
百度搜索:蓝易云【uniapp本地存储详解】
综上所述,UniApp提供了本地缓存和本地数据库两种本地存储方式,可以根据需求选择适合的方式来存储和操作数据。
349 8
|
6月前
|
存储 JavaScript
uniapp数据点击的时候将数据存入同一个本地存储中并且最大限度5个
uniapp数据点击的时候将数据存入同一个本地存储中并且最大限度5个
95 0
|
8月前
|
存储 缓存 移动开发
uniapp本地存储详解
在开发uniapp应用时,我们常常需要使用本地存储来保存一些数据,比如用户登录信息、设置项等,使得应用能够在设备上保存和读取数据,以便提供更好的用户体验和离线功能支持,本文将简单介绍uniapp中的本地存储相关API使用方式。当我们调用对应方法时,uniapp会将数据以键值对的形式存储在本地存储中。具体实现中,uniapp会将键值对转换成字节流,并将字节流写入到设备的存储器中。这个过程涉及到计算机底层存储原理的数据存储和字节对齐。在读取数据时,会根据指定的键,从本地存储中读取相应的数据。
1002 0
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
28 0
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
30 0
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
36 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
34 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
23 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
34 2

热门文章

最新文章