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

打印 上一主题 下一主题

主题 1634|帖子 1634|积分 4902

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 在微信小程序中,可以利用本地存储来生存一些数据比如用户状态,姓名,性别等;
本地存储主要包罗两种方式:缓存和本地数据存储。
   

  • 缓存
  缓存是一种快速访问内存的临时存储机制,可以有用地进步应用程序的响应速率。在微信小程序中,可以利用wx.setStorage方法和wx.getStorage方法实现数据的缓存。比方:
  1.   // 设置缓存数据
  2.   wx.setStorage({
  3.     key: 'userInfo',
  4.     data: { name: 'Tom', age: 20 },
  5.     success: function () {
  6.       console.log('设置缓存数据成功');
  7.     }
  8.   });
  9.   // 获取缓存数据
  10.   wx.getStorage({
  11.     key: 'userInfo',
  12.     success: function (res) {
  13.       console.log(res.data);
  14.     }
  15.   });
复制代码
  上面的例子中,通过wx.setStorage方法设置了一个名为userInfo的缓存数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorage方法获取缓存数据,获取成功后在控制台中输出了缓存数据。
  缓存数据的大小一样平常受到装备内存的限制,一些低端装备可能会出现缓存数据不稳固,甚至会造成应用程序瓦解等题目。
         2.本地数据存储
  本地数据存储是指将数据存储在装备本地的文件系统中,可以大概保持数据的长期性。在微信小程序中,可以利用wx.setStorageSync方法和wx.getStorageSync方法实现数据的本地存储。比方:
  1.   // 设置本地存储数据
  2.   wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });
  3.   // 获取本地存储数据
  4.   var userInfo = wx.getStorageSync('userInfo');
  5.   console.log(userInfo);
复制代码
上面的例子中,通过wx.setStorageSync方法设置了一个名为userInfo的本地存储数据,内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorageSync方法获取本地存储数据,获取成功后在控制台中输出了缓存数据。
须要留意的是,本地数据存储的大小受到装备存储容量的限制,存储数据过多可能会占用大量的装备存储空间,导致装备运行缓慢甚至奔溃。
须要根据现实情况选择缓存和本地数据存储方式,可以考虑数据的大小和需求等因素。以及及时清理不须要的缓存和存储数据,以制止占用过多装备内存和存储容量。
清除本地存储:
  1. (1)wx.setStorageSync(); //存储值
  2. (2)wx.removeStorageSync(); // 移除指定的值
  3. (3)wx.getStorageSync(); // 获取值
  4. (4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key
  5. (5)wx.clearStorageSync(); // 清除所有的key
复制代码
清除缓存:
  1. (2)wx.removeStorage(); // 移除指定的值
  2. (3)wx.getStorage(); // 获取值
  3. (4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key
  4. (5)wx.clearStorage(); // 清除所有的key
复制代码


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

卖不甜枣

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表