国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 11:20:32
字體:
來源:轉載
供稿:網友

前言

這道題目經常與事件觸發器同時存在,為了考察面試者在一些具體業務流程上(信息流,搜索框輸入查詢)等,能否綜合的考慮實現思路。

題目

在某些信息列表中一般采用瀑布流,滾動一屏時加載相應的數據,請思考如何避免連續下拉時而產生的問題(可能是頁面崩潰,也可能是巨卡無比)。

一般情況下,如果碰到這樣的面試題,防抖動機制,就能很好的解決,這方面最早的應用實踐還是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))

顯然這是一個弱爆了的處理,那有沒有更好的方式呢?有,比如節流。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黑龙江省| 杭锦后旗| 印江| 万源市| 巨鹿县| 巴中市| 县级市| 塔河县| 台东市| 鸡东县| 靖边县| 弋阳县| 龙里县| 阜南县| 靖西县| 兴安县| 新龙县| 南宫市| 泸西县| 玛纳斯县| 黎平县| 阳信县| 浦东新区| 沙雅县| 大厂| 前郭尔| 佳木斯市| 濮阳县| 南溪县| 正镶白旗| 沭阳县| 金山区| 海兴县| 甘孜县| 大方县| 浏阳市| 阿坝县| 北流市| 措美县| 永仁县| 冷水江市|