微信小程序怎样进行本地存储的读、写、删、清?同步及异步两种类型

微信小程序提供了本地存储的API,允许开发者在页面上保存用户数据,以便在用户的会话或跨会话中持久化数据。本地存储支持同步和异步两种方式来进行读、写、删、清操作。

同步方式

微信小程序从基础库版本 2.10.0 开始,逐步废弃了同步的本地存储API(如wx.setStorageSyncwx.getStorageSync等),因为这些同步API会阻塞当前线程,可能导致页面卡顿。但了解它们仍然有助于理解概念。

  • 写(存)wx.setStorageSync(key, data)
  • wx.getStorageSync(key)
  • wx.removeStorageSync(key)
  • wx.clearStorageSync()

异步方式

异步方式是目前推荐的存储方式,因为它们不会阻塞主线程,用户体验更好。

  • 写(存)wx.setStorage(Object object)

    复制代码
    wx.setStorage({  
      key: 'key',  
      data: 'value',  
      success(res) {  
        console.log('存储成功');  
      },  
      fail(err) {  
        console.error('存储失败', err);  
      }  
    });
  • wx.getStorage(Object object)

    复制代码
    wx.getStorage({  
      key: 'key',  
      success(res) {  
        console.log('读取成功', res.data);  
      },  
      fail(err) {  
        console.error('读取失败', err);  
      }  
    });
  • wx.removeStorage(Object object)

    复制代码
    wx.removeStorage({  
      key: 'key',  
      success(res) {  
        console.log('删除成功');  
      },  
      fail(err) {  
        console.error('删除失败', err);  
      }  
    });
  • wx.clearStorage(Object object)

    复制代码
    wx.clearStorage({  
      success(res) {  
        console.log('清除成功');  
      },  
      fail(err) {  
        console.error('清除失败', err);  
      }  
    });

注意事项

  • 本地存储的大小限制为每个小程序10MB。
  • 本地存储的数据是保存在用户的设备上的,所以数据不会跨设备同步。
  • 敏感信息不应存储在本地存储中,因为可能会被用户或其他应用访问。
  • 在进行写操作时,如果key已存在,则会被覆盖。
  • 异步方法中的successfail回调是可选的,但推荐总是处理可能的错误情况。

总结

虽然微信小程序提供了同步和异步两种方式进行本地存储的读、写、删、清操作,但推荐使用异步方式,以避免阻塞主线程,提升用户体验。同时,开发者应注意本地存储的限制和安全性问题。

相关推荐
matlabgoodboy4 小时前
软件开发定制小程序APP帮代做java代码代编写C语言设计python编程
java·c语言·小程序
無名路人8 小时前
uniApp 小程序 vue3 app.vue静默登录其他页面等待登录完成方式二
前端·微信小程序·ai编程
杰建云16712 小时前
商家怎么弄小程序店铺
小程序
打瞌睡的朱尤13 小时前
小程序101~125
小程序
Azhao110615 小时前
小程序购物车结算体验优化详解:从入门到实战全攻略
小程序
Haibakeji15 小时前
拼团小程序定制开发适合哪些行业
小程序·软件需求
2501_9159184117 小时前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone
silvia_Anne17 小时前
微信小程序(组件通讯和全局数据共享)
微信小程序·小程序
i220818 Faiz Ul17 小时前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·vue.js·spring boot·微信小程序·毕设·个人健康系统
博客zhu虎康1 天前
小程序:实现下拉刷新和上拉加载更多功能
小程序