前言

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

題目

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

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

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

這是最常見的一種方式，如果scroll的次數(shù)較多時(shí)，可以先將真實(shí)的函數(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))

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持VeVb武林網(wǎng)。