微信小程序利用缓存提高接口请求性能
生活随笔
收集整理的這篇文章主要介紹了
微信小程序利用缓存提高接口请求性能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
對于接口數據過多的接口可以使用緩存提升用戶體驗和性能,同時也可以防止用戶重復請求過多次數
data: {leftMenuList:[],//左側菜單數據rightContent:[],//右側的商品數據}, onLoad: function (options) {//利用緩存技術來提高性能,先判斷本地存儲有沒有舊數據,有就使用本地的沒有就發送新請求const Cates = wx.getStorageSync("cates")if(!Cates){//不存在就發送請求this.getCates()}else{if(Date.now() - Cates.time > 1000*10){//如果存在數據且過期了的話也要發送請求this.getCates()}else{//如果存在且沒有過期,那么就可以使用緩存中的數據,不用發送請求let leftMenuList = Cates.data.map((item,index)=>item.cat_name);let rightContent = Cates.data[0].children;this.setData({leftMenuList,rightContent,})}} async getCates(i){let index = i || 0;const res = await request('/categories');if(res.meta.status == 200){wx.setStorageSync('cates', {time:Date.now(),data:res.message})//關鍵代碼請求成功就存入緩存let leftMenuList = res.message.map((item,index)=>item.cat_name);let rightContent = res.message[index].children;this.setData({leftMenuList,rightContent,scrollTop:0})}else{wx.showToast({title: res.message.meta.msg,icon: 'none'})}總結
以上是生活随笔為你收集整理的微信小程序利用缓存提高接口请求性能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: TrendForce:预计 Q1 笔记本
- 下一篇: 英特尔硬碰台积电,Intel 20A、I