麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 系統 > Android > 正文

微信小程序在安卓的白屏問題原因及改進講解

2019-10-21 21:25:16
字體:
來源:轉載
供稿:網友

在做小程序的時候,做到了一個限時商品售賣,用到了倒計時,因為這個原因導致了安卓手機上使用小程序時,將小程序放入后臺運行一段時間后,再次進入小程序后出現了頁面白屏或者點擊事件失效的情況,這里記錄下

1.相關代碼文件

我這里是使用了自定義組件的形式來渲染的

  • 外部的引用的自定義組件的wxml文件
/* limitCommodity是一個數組,返回的是商品對象,包含商品價格、商品結束時間、商品圖片等 */<block wx:for="{{limitCommodity}}" wx:key="{{item.id}}">  <commodityItem class="specialContent" goods="{{item}}" /></block>
  • 自定義組件的js文件
Component({ properties: {  goods: Object }, data: { }, timer: null, /* 在組件實例進入頁面節點樹時執行,開始定時器 */ attached: function() {  if(this.timer) {   clearInterval(this.timer);  }  this.filterTime();  let that = this;    this.timer = setInterval(function () {   that.filterTime();  }, 1000) }, /* 在組件實例被從頁面節點樹移除時執行,將定時器清除 */ detached: function() {  clearInterval(this.timer);  this.timer = null; }, methods: {  /* 用于將時間戳轉換成自定義的時間格式 */  filterTime() {   let totalTime = new Date(parseInt(this.data.goods.endtime) * 1000) - new Date();   let days = parseInt(totalTime / 1000 / 60 / 60 / 24, 10);   let hours = parseInt(totalTime / 1000 / 60 / 60 % 24, 10);   let minutes = parseInt(totalTime / 1000 / 60 % 60, 10);   let seconds = parseInt(totalTime / 1000 % 60, 10);   let day = days >= 10 ? days : '0' + days;   day = day == 0 ? '' : day + '天';   let hour = hours >= 10 ? hours : '0' + hours;   let minute = minutes >= 10 ? minutes : '0' + minutes;   let second = seconds >= 10 ? seconds : '0' + seconds;   this.setData({    limitTime: day + hour + ":" + minute + ":" + second   })  }, }})

2.引起的原因

  • 因為在外部引入自定義的組件時,直接就是調用了定時器并且進行了setData操作,這就導致了當在外部引用這個組件時,如果傳入的商品數組長度較大時,定時器增多的同時,setData操作也不斷的增多
  • setData多了就會導致內存占用多

3.改進方法

改進方法就是減少setData操作

  • 可以再自定義一個組件,用于將整個數組傳入
  • 然后對商品數組里的時間先進行計算
  • 改進后的js文件
Component({ properties: {  limitCommodity:Array }, data: { }, timeOut:null, /* 在組件實例進入頁面節點樹時執行 */ attached(){  this.calculate(); }, /* 在組件實例被從頁面節點樹移除時執行,將定時器清除 */ detached(){  clearTimeout(this.timeOut);  this.timeOut = null; }, methods: {  filterTime(endtime) {   let totalTime = new Date(parseInt(endtime) * 1000) - new Date();   let days = parseInt(totalTime / 1000 / 60 / 60 / 24, 10);   let hours = parseInt(totalTime / 1000 / 60 / 60 % 24, 10);   let minutes = parseInt(totalTime / 1000 / 60 % 60, 10);   let seconds = parseInt(totalTime / 1000 % 60, 10);   let day = days >= 10 ? days : '0' + days;   day = day == 0 ? '' : day + '天';   let hour = hours >= 10 ? hours : '0' + hours;   let minute = minutes >= 10 ? minutes : '0' + minutes;   let second = seconds >= 10 ? seconds : '0' + seconds;   return day + hour + ":" + minute + ":" + second  },  calculate(){   let limitCommodity = this.data.limitCommodity;   for (let i = 0; i < limitCommodity.length;i++){    limitCommodity[i]['endtime_date'] = this.filterTime(limitCommodity[i]['endtime'])   }   this.setData({    limitCommodity   })   this.timeOut = setTimeout(()=>{    this.calculate();   },1000);  } }})

改進就是計算時間后再返回時間,而setData的是整個商品列表數組,這樣就減少了setData次數

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對VEVB武林網的支持。


注:相關教程知識閱讀請移步到Android開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 狠狠干五月天 | 久久久久久久一区二区三区 | 成人aaaaa片毛片按摩 | 中文国产在线视频 | 香蕉视频99 | 撅高 自己扒开 调教 | 欧美日韩精品中文字幕 | 成人性生活视频在线观看 | 亚洲精品久久久久久下一站 | 国产做爰全免费的视频黑人 | 福利四区| av7777777| 欧美日韩免费在线观看视频 | 亚洲午夜影院在线观看 | 亚洲成在人| 毛片免费视频在线观看 | 国产精品一区二区x88av | 99影视在线视频免费观看 | 亚洲欧美不卡视频 | 圆产精品久久久久久久久久久 | 毛片视频网站 | 爽毛片| 91看片在线播放 | 国产永久免费观看 | av在线播放网址 | 美女黄网站免费观看 | 欧美日韩免费观看视频 | 一级做受毛片免费大片 | 国产精品二区高清在线 | 中文字幕欧美在线 | 九九热精品视频在线免费观看 | 色屁屁xxxxⅹ免费视频 | 一区二区久久精品66国产精品 | 一区二区久久久久草草 | 综合国产在线 | 激情小说激情电影 | 国产乱free国语对白 | 成人免费一区二区三区 | 把娇妻调教成暴露狂 | 亚洲成人在线免费观看 | 国产在线观看一区二区三区 |