微信小程序本地存储(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

  • 22
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值