溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下關于JS防抖動的案例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
前言
這道題目經常與事件觸發器同時存在，為了考察面試者在一些具體業務流程上（信息流，搜索框輸入查詢）等，能否綜合的考慮實現思路。
題目
在某些信息列表中一般采用瀑布流，滾動一屏時加載相應的數據，請思考如何避免連續下拉時而產生的問題（可能是頁面崩潰，也可能是巨卡無比）。
一般情況下，如果碰到這樣的面試題，防抖動機制，就能很好的解決，這方面最早的應用實踐還是Twitter，開發者寫了一篇博客，詳細的闡述了如何解決這樣的問題。那么，說到防抖動，其核心內涵在于延遲處理，也就是將一系列的事件處理程序全部延遲，保障推送進來的第一次事件處理。
event.on('scroll', function(e){
var fun;
return function(){
if(fun) clearTimeout(fun);
fun = setTimeout(function(){
// console.log('1')
},500);
}
}());這是最常見的一種方式，如果scroll的次數較多時，可以先將真實的函數放置在定時器中。
接下來我們將它抽象一下：
function de(something,delay){
var fun;
return function(){
if(fun) clearTimeout(fun);
fun = setTimeout(function(){
something();
},delay);
}
}
function scrollToList(){
}
event.on('scroll', de(scrollToList,1000))
event.on('scroll', de(scrollToList,2000))顯然這是一個弱爆了的處理，那有沒有更好的方式呢？有，比如節流。
以上是關于JS防抖動的案例分析的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
