微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

简介: 微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

在微信小程序中,可以使用本地存储来保存一些数据比如用户状态,姓名,性别等;


本地存储主要包括两种方式:缓存和本地数据存储。


1.缓存

缓存是一种快速访问内存的临时存储机制,可以有效地提高应用程序的响应速度。在微信小程序中,可以使用wx.setStorage方法和wx.getStorage方法实现数据的缓存。例如:

  // 设置缓存数据
  wx.setStorage({
    key: 'userInfo',
    data: { name: 'Tom', age: 20 },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });
  // 获取缓存数据
  wx.getStorage({
    key: 'userInfo',
    success: function (res) {
      console.log(res.data);
    }
  });

上面的例子中,通过wx.setStorage方法设置了一个名为userInfo的缓存数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorage方法获取缓存数据,获取成功后在控制台中输出了缓存数据。


缓存数据的大小一般受到设备内存的限制,一些低端设备可能会出现缓存数据不稳定,甚至会造成应用程序崩溃等问题。

 
2.本地数据存储

本地数据存储是指将数据存储在设备本地的文件系统中,能够保持数据的持久性。在微信小程序中,可以使用wx.setStorageSync方法和wx.getStorageSync方法实现数据的本地存储。例如:

  // 设置本地存储数据
  wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });
  // 获取本地存储数据
  var userInfo = wx.getStorageSync('userInfo');
  console.log(userInfo);

上面的例子中,通过wx.setStorageSync方法设置了一个名为userInfo的本地存储数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorageSync方法获取本地存储数据,获取成功后在控制台中输出了缓存数据。


需要注意的是,本地数据存储的大小受到设备存储容量的限制,存储数据过多可能会占用大量的设备存储空间,导致设备运行缓慢甚至奔溃。


需要根据实际情况选择缓存和本地数据存储方式,可以考虑数据的大小和需求等因素。以及及时清理不必要的缓存和存储数据,以避免占用过多设备内存和存储容量。


清除本地存储:



(1)wx.setStorageSync(); //存储值
(2)wx.removeStorageSync(); // 移除指定的值
(3)wx.getStorageSync(); // 获取值
(4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key
(5)wx.clearStorageSync(); // 清除所有的key

清除缓存:

(2)wx.removeStorage(); // 移除指定的值
(3)wx.getStorage(); // 获取值
(4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key
(5)wx.clearStorage(); // 清除所有的key
相关文章
|
9月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
92 0
|
9月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
92 0
|
9月前
|
存储 缓存 JSON
微信小程序使用本地存储方法
微信小程序使用本地存储方法
363 1
|
存储 小程序
微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()
微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()
|
8月前
|
存储 缓存 移动开发
如何在微信小程序中使用本地存储
如何在微信小程序中使用本地存储
|
9月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
88 1
|
存储 小程序 JavaScript
原生小程序生命周期,路由跳转,本地存储等详解
生命周期,路由跳转,本地存储等API详解 原生小程序(Native Mini Program)是一种在微信小程序平台上开发的小程序类型,与传统的小程序开发方式(基于小程序框架)不同,原生小程序更加灵活,但也需要开发者自行处理更多的细节和逻辑。下面是一些原生小程序的常用API和功能的详解总结:
232 0
|
存储 小程序 JavaScript
微信小程序本地存储
微信小程序本地存储
|
7天前
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
1966 13
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
|
4月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
966 7

热门文章

最新文章