H5知識點

1、Vue清除定時器,延時器setIntederval,setTimeout的優(yōu)化方案
方案1:


data() {            
    return {                              
        timer:any = null  // 定時器名稱          
    }        
}

this.timer = setTimeout(() => {
    // 某些操作
}, 1000)


beforeDestroy() {
    clearInterval(this.timer);        
    this.timer = null;
}

方案2:
該方法是通過$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器。以下是代碼:


const timer = setInterval(() =>{                    
    // 某些定時器操作                
}, 500);            
// 通過$once來監(jiān)聽定時器,在beforeDestroy鉤子可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})

2、行內(nèi)塊元素上下錯位問題

3、# 行內(nèi)塊inline-block元素之間出現(xiàn)空白間隙原因及解決辦法

  • 父元素設置font-size為0,子元素單獨再設置字體大小
  • 設置margin-right為負值
  • 給inline-block元素加float或者flex

4、vue this找不到方法
https://segmentfault.com/a/1190000041053485
https://wuyaogexing.com/70/850154.html

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

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

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