微信小程序本地存储(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
相关文章
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
185 0
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
172 0
|
存储 缓存 JSON
微信小程序使用本地存储方法
微信小程序使用本地存储方法
632 1
|
存储 小程序
微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()
微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()
|
10月前
|
存储 缓存 小程序
微信小程序数据缓存与本地存储:优化用户体验
本文深入探讨微信小程序的数据缓存与本地存储,介绍其意义、机制及应用场景。通过合理使用内存和本地缓存,可减少网络请求、提升加载速度和用户体验。文中详细讲解了常用缓存API的使用方法,并通过一个新闻列表案例展示了缓存的实际应用。最后提醒开发者注意缓存大小限制、时效性和清理,以确保最佳性能。
|
存储 缓存 移动开发
如何在微信小程序中使用本地存储
如何在微信小程序中使用本地存储
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
190 1
|
存储 小程序 JavaScript
原生小程序生命周期,路由跳转,本地存储等详解
生命周期,路由跳转,本地存储等API详解 原生小程序(Native Mini Program)是一种在微信小程序平台上开发的小程序类型,与传统的小程序开发方式(基于小程序框架)不同,原生小程序更加灵活,但也需要开发者自行处理更多的细节和逻辑。下面是一些原生小程序的常用API和功能的详解总结:
445 0
|
存储 小程序 JavaScript
微信小程序本地存储
微信小程序本地存储
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3189 7