前端要持續監聽事件的性能優化（節流/防抖），scroll方法爲例。

以滾動事件爲例吧，移動端要實現一個簡單的滾動到底部加載下一頁的需求，就需要監聽頁面的scroll事件了代碼如圖：

let timeOutFn = false; //

$(window).scroll(function () {  //監聽窗口的滾動事件

    clearTimeOut(timeOutFn);     //100毫秒內仍然執行滾動就把需要執行的邏輯清除掉，停下來在執行具體函數

    timeOutFn = setTimeOut(function(){  //設置爲100毫秒的延時
        //todo 
        calc()
    },100) 

}

//滾動時需要執行的代碼
function calcFn(){
    //todo 計算判斷的邏輯函數
}

從上面的代碼可以延伸出，輸入框的輸入的建議顯示之類的方法，有需要的話都可以進行一個比較簡單的性能優化，比如onchange事件，等等。