当前位置:   article > 正文

小程序getStorageSync、setStorageSync数据缓存,优化页面加载

getstoragesync

1、将数据缓存到本地

同步缓存:wx.setStorageSync()

异步缓存:wx.setStorage()

2、从本地缓存获取数据:

同步:wx.getStorageSync()

异步:wx.getStorage()

 

  1. onLoad(options) {
  2. // 获取本地数据
  3. const Cates = wx.getStorageSync('cates');
  4. if (!Cates) {
  5. this.getCates();
  6. } else {
  7. // 定义数据过期时间10s
  8. if(Date.now() - Cates.time > 1000*10) {
  9. this.getCates();
  10. } else {
  11. this.Cates = Cates.data;
  12. // 重新渲染数据
  13. let leftMenuList = this.Cates.map(Cates => Cates.cat_name);
  14. this.setData({
  15. leftMenuList
  16. })
  17. }
  18. }
  19. },
  20. /**
  21. * 获取分类数据
  22. */
  23. async getCates() {
  24. const result = await request({ url: '/categories' });
  25. this.Cates = result;
  26. // 数据缓存
  27. wx.setStorageSync('cates', { time: Date.now(), data: this.Cates });
  28. // 渲染数据
  29. let leftMenuList = this.Cates.map(Cates => Cates.cat_name);
  30. this.setData({
  31. leftMenuList
  32. })
  33. },

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/641645
推荐阅读
相关标签
  

闽ICP备14008679号