欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過實例講解JS如何防抖動

 更新時間：2019年06月15日 10:21:28   作者：Unknw  
這篇文章主要介紹了通過實例講解JS如何防抖動，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下

前言

這道題目經(jīng)常與事件觸發(fā)器同時存在，為了考察面試者在一些具體業(yè)務(wù)流程上（信息流，搜索框輸入查詢）等，能否綜合的考慮實現(xiàn)思路。

題目

在某些信息列表中一般采用瀑布流，滾動一屏?xí)r加載相應(yīng)的數(shù)據(jù)，請思考如何避免連續(xù)下拉時而產(chǎn)生的問題（可能是頁面崩潰，也可能是巨卡無比）。

一般情況下，如果碰到這樣的面試題，防抖動機制，就能很好的解決，這方面最早的應(yīng)用實踐還是Twitter，開發(fā)者寫了一篇博客，詳細的闡述了如何解決這樣的問題。那么，說到防抖動，其核心內(nèi)涵在于延遲處理，也就是將一系列的事件處理程序全部延遲，保障推送進來的第一次事件處理。

event.on('scroll', function(e){ 
var fun; 
return function(){ 
if(fun) clearTimeout(fun);
fun = setTimeout(function(){ 
// console.log('1')
},500);
}
}());

這是最常見的一種方式，如果scroll的次數(shù)較多時，可以先將真實的函數(shù)放置在定時器中。

接下來我們將它抽象一下：

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))

顯然這是一個弱爆了的處理，那有沒有更好的方式呢？有，比如節(jié)流。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論