微信小程序中如何正确使用本地数据缓存

最新推荐文章于 2024-04-21 02:10:16 发布

骑摩托的蜗牛

最新推荐文章于 2024-04-21 02:10:16 发布

阅读量6.4k

点赞数 3

分类专栏：微信小程序入门文章标签： javascript 小程序微信小程序微信缓存

本文链接：https://blog.csdn.net/m0_58859743/article/details/125904205

版权

本文介绍了微信小程序中本地数据缓存的使用，包括读写缓存接口、缓存限制与隔离、利用缓存提前渲染界面以及缓存用户登录态SessionId。通过本地缓存，可以提升用户体验，但需要注意数据实时性的平衡。

摘要由CSDN通过智能技术生成

本地数据缓存是小程序存储在当前设备上硬盘上的数据，本地数据缓存有非常多的用途，我们可以利用本地数据缓存来存储用户在小程序上产生的操作，在用户关闭小程序重新打开时可以恢复之前的状态。我们还可以利用本地缓存一些服务端非实时的数据提高小程序获取数据的速度，在特定的场景下可以提高页面的渲染速度，减少用户的等待时间。

1 读写本地数据缓存

小程序提供了读写本地数据缓存的接口，通过wx.getStorage/wx.getStorageSync读取本地缓存，通过wx.setStorage/wx.setStorageSync写数据到缓存，其中Sync后缀的接口表示是同步接口[9]https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000a2c7c9f4a981b0086bd31e5b40a#_ftn9，执行完毕之后会立马返回，示例代码和参数说明如下所示。

代码清单 wx.getStorage/wx.getStorageSync读取本地数据缓存

wx.getStorage({

  key: 'key1',

  success: function(res) {

    // 异步接口在success回调才能拿到返回值

    var value1 = res.data

  },

  fail: function() {

    console.log('读取key1发生错误')

  }

})



try{

  // 同步接口立即返回值

  var value2 = wx.getStorageSync('key2')

}catch (e) {

  console.log('读取key2发生错误')

}

表wx.getStorage/wx.getStorageSync详细参数