国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

防抖動(dòng)處理和節(jié)流 小技巧

lscho / 1053人閱讀

摘要:簡(jiǎn)單的防抖動(dòng)處理,一秒內(nèi)點(diǎn)擊一次向服務(wù)器請(qǐng)求數(shù)據(jù)點(diǎn)擊按鈕向后臺(tái)請(qǐng)求數(shù)據(jù)優(yōu)化點(diǎn)另外一些防抖動(dòng)的小技巧,請(qǐng)參考封裝好的簡(jiǎn)單防抖動(dòng)函數(shù)防抖動(dòng)函數(shù)要執(zhí)行的函數(shù),間隔毫秒數(shù)調(diào)用現(xiàn)成的工具庫(kù)防抖動(dòng)節(jié)流

1. 簡(jiǎn)單的防抖動(dòng)處理,一秒內(nèi)點(diǎn)擊一次
var timer = null;
$(".coupon").click(function(){
  if (timer) {
    return;
  }
  timer = true;
  setTimeout(function() {
    timer = false;
  }, 1000);

...

})
2. 向服務(wù)器請(qǐng)求數(shù)據(jù)

點(diǎn)擊按鈕向后臺(tái)請(qǐng)求數(shù)據(jù) 優(yōu)化點(diǎn):

var running = false;
$(".btn").on("click", function() {
  if (running) {
    return;
  }
  running = true;

  $.ajax(url, {
    complete: () => {
      running = false;
    }
  })
});

另外一些防抖動(dòng)的小技巧,請(qǐng)參考:
http://blog.csdn.net/crystal6...;
https://jinlong.github.io/201...

3. 封裝好的簡(jiǎn)單防抖動(dòng)函數(shù)

// 防抖動(dòng)函數(shù) fn要執(zhí)行的函數(shù),timeout間隔毫秒數(shù)

function debounce(fn, timeout) {
  let last = null;
  return function() {
    if (last) {
      return last.result;
    }

    setTimeout(() => { last = null; }, timeout || 1000);
    const result = fn.apply(this, arguments);
    last = { result };
    return result;
  };
}
//調(diào)用
btn.addEventListener("click", debounce(function() {
  ...
}, 1000));
4. 現(xiàn)成的工具庫(kù)Loadash

http://www.css88.com/doc/loda...
防抖動(dòng):
_.debounce

節(jié)流:
_.throttle

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/95432.html

相關(guān)文章

  • 抖動(dòng)處理節(jié)流 技巧

    摘要:簡(jiǎn)單的防抖動(dòng)處理,一秒內(nèi)點(diǎn)擊一次向服務(wù)器請(qǐng)求數(shù)據(jù)點(diǎn)擊按鈕向后臺(tái)請(qǐng)求數(shù)據(jù)優(yōu)化點(diǎn)另外一些防抖動(dòng)的小技巧,請(qǐng)參考封裝好的簡(jiǎn)單防抖動(dòng)函數(shù)防抖動(dòng)函數(shù)要執(zhí)行的函數(shù),間隔毫秒數(shù)調(diào)用現(xiàn)成的工具庫(kù)防抖動(dòng)節(jié)流 1. 簡(jiǎn)單的防抖動(dòng)處理,一秒內(nèi)點(diǎn)擊一次 var timer = null; $(.coupon).click(function(){ if (timer) { return; } ...

    tinysun1234 評(píng)論0 收藏0
  • 抖動(dòng)節(jié)流

    摘要:防抖動(dòng)節(jié)流節(jié)流使得一定時(shí)間內(nèi)只觸發(fā)一次函數(shù)。它和防抖動(dòng)最大的區(qū)別就是,節(jié)流函數(shù)不管事件觸發(fā)有多頻繁,都會(huì)保證在規(guī)定時(shí)間內(nèi)一定會(huì)執(zhí)行一次真正的事件處理函數(shù),而防抖動(dòng)只是在最后一次事件后才觸發(fā)一次函數(shù)。 防抖動(dòng)與節(jié)流 針對(duì)一些會(huì)頻繁觸發(fā)的事件如scroll、resize,如果正常綁定事件處理函數(shù)的話,有可能在很短的時(shí)間內(nèi)多次連續(xù)觸發(fā)事件,十分影響性能。所以我們對(duì)于這種事件我們要進(jìn)行防抖動(dòng)或...

    Yangyang 評(píng)論0 收藏0
  • 抖動(dòng)節(jié)流

    摘要:它和防抖動(dòng)最大的區(qū)別就是,節(jié)流函數(shù)不管事件觸發(fā)有多頻繁,都會(huì)保證在規(guī)定時(shí)間內(nèi)一定會(huì)執(zhí)行一次真正的事件處理函數(shù)。 防抖動(dòng) 其核心內(nèi)涵在于延遲處理,也就是將一系列的事件處理程序全部延遲,保障推送進(jìn)來(lái)的第一次事件處理 var debounce  = function(fn,delay,mustRunDelay){ var timer = null; var t_start; ...

    alexnevsky 評(píng)論0 收藏0
  • 節(jié)流抖動(dòng)

    摘要:起因面試被問(wèn)到了節(jié)流和防抖動(dòng)自己對(duì)這兩個(gè)的概念比較模糊都不知道回答了什么鬼從語(yǔ)文和英語(yǔ)學(xué)起首先先看字面意思節(jié)流的意思就是水龍頭關(guān)小點(diǎn)頻率不要那么高防抖動(dòng)這根彈簧你不要來(lái)回蹦了我就要你最后停下來(lái)的沒(méi)有發(fā)生形變的那一刻舉個(gè)例子節(jié)流在改變窗口大小 起因 面試被問(wèn)到了節(jié)流和防抖動(dòng), 自己對(duì)這兩個(gè)的概念比較模糊, 都不知道回答了什么鬼 從語(yǔ)文和英語(yǔ)學(xué)起 首先, 先看字面意思:節(jié)流(throttl...

    hellowoody 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<