2020-04-20項目一些小問題(二)

對于refresh刷新太頻繁,使用防抖操作

    debounce (func,delay=100){
        let timer = null;
        return function(...args) {
          if(timer) clearTimeout(timer)
          timer = setTimeout(() => {
            func.apply(this,args)
          },delay)
        }
      }
 // 使用防抖請求
      const pullLoadMore = debounce(this.$refs.scroll.refresh, 50)
      this.$bus.$on('imageLoad',() => {
        pullLoadMore()
      })

每次圖片加載完成都會調(diào)用pullLoadMore函數(shù),相當(dāng)于調(diào)用function(...args) {這個匿名函數(shù),然后每次清除定時器,創(chuàng)建新的延遲定時器,直到超過這個延遲,在這個延遲期間中沒有重置定時器,就執(zhí)行func函數(shù),

所有的組件對象都有一個屬性:$el 用于獲取組件中的元素

保留滾動的位置用
activated() {
},
deactivated() {
},
方法

ES6創(chuàng)建對象

export class person {
  constructor(name,age,height) {
    this.name = name
    this.age = age
    this.height = height
  }
}
使用:
const p = new person("sl",18,100)

判斷是否是空數(shù)組
Object.keys(p).length == 0
帶數(shù)據(jù)的判斷是
v-if="Object.keys(titles).length != 0"

this.$nextTick和updated()函數(shù)進(jìn)行dom加載之后的獲取高度位置、
updated() 調(diào)用會比較頻繁

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,876評論 0 3
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,687評論 0 7
  • 文章首發(fā)于個人博客 前言 使用vue的時候經(jīng)常會遇到一些問題,其實仔細(xì)閱讀查閱官方文檔,就會發(fā)現(xiàn)文檔中已提到一些格...
    IOneStar閱讀 4,984評論 1 28
  • Vue知識點的總結(jié) Vue中的指令及其基本語法: 第一步:從官網(wǎng)上下載vue開發(fā)版本的js文件 引入js文件 ...
    往前走莫回頭_2cd6閱讀 1,547評論 0 1
  • 沒有想到,在長隆飛鳥樂園,能夠看到那么多有特色的鳥兒,簡直是不虛此行。 謝謝友人,拿我當(dāng)小朋友一樣招待,我很喜歡。...
    青萍之末_f5bf閱讀 1,836評論 1 1

友情鏈接更多精彩內(nèi)容