函數(shù)防抖和節(jié)流的概念和真實(shí)項(xiàng)目中的應(yīng)用場(chǎng)景

概念

函數(shù)防抖(debounce):

在事件被觸發(fā)n秒后再執(zhí)行回調(diào)颠猴,如果在這n秒內(nèi)又被觸發(fā),則重新計(jì)時(shí);典型的案例就是輸入搜索:輸入結(jié)束后n秒才進(jìn)行搜索請(qǐng)求频鉴,n秒內(nèi)又輸入的內(nèi)容缺厉,就重新計(jì)時(shí)永高。

實(shí)際的應(yīng)用

用戶在輸入搜索的時(shí)候不是每次輸入都執(zhí)行keyup的事件 而是用戶輸入1s后再執(zhí)行請(qǐng)求的事件

1s之內(nèi)用戶再次輸入的時(shí)候會(huì)從新計(jì)算時(shí)間

函數(shù)節(jié)流(throttle):

規(guī)定在一個(gè)單位時(shí)間內(nèi),只能觸發(fā)一次函數(shù)提针,如果這個(gè)單位時(shí)間內(nèi)觸發(fā)多次函數(shù)命爬,只有一次生效; 典型的案例就是鼠標(biāo)不斷點(diǎn)擊觸發(fā)辐脖,規(guī)定在n秒內(nèi)多次點(diǎn)擊只有一次生效饲宛。

實(shí)際的應(yīng)用

滾動(dòng)加載更多 在監(jiān)聽(tīng)滾動(dòng)條的位置的時(shí)候不是用戶每次滾動(dòng)都要去監(jiān)聽(tīng)滾動(dòng)條的位置的 而是例如2秒內(nèi)不管你滾動(dòng)多少次 我就監(jiān)聽(tīng)一次滾動(dòng)條的位置

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市嗜价,隨后出現(xiàn)的幾起案子艇抠,更是在濱河造成了極大的恐慌,老刑警劉巖久锥,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件家淤,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡瑟由,警方通過(guò)查閱死者的電腦和手機(jī)絮重,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)歹苦,“玉大人青伤,你說(shuō)我怎么就攤上這事∨故荩” “怎么了狠角?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)蚪腋。 經(jīng)常有香客問(wèn)我丰歌,道長(zhǎng),這世上最難降的妖魔是什么屉凯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任动遭,我火速辦了婚禮,結(jié)果婚禮上神得,老公的妹妹穿的比我還像新娘厘惦。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布宵蕉。 她就那樣靜靜地躺著酝静,像睡著了一般。 火紅的嫁衣襯著肌膚如雪羡玛。 梳的紋絲不亂的頭發(fā)上别智,一...
    開(kāi)封第一講書(shū)人閱讀 51,292評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音稼稿,去河邊找鬼薄榛。 笑死,一個(gè)胖子當(dāng)著我的面吹牛让歼,可吹牛的內(nèi)容都是我干的敞恋。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼谋右,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼硬猫!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起改执,我...
    開(kāi)封第一講書(shū)人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤啸蜜,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后辈挂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體衬横,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年终蒂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蜂林。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡后豫,死狀恐怖悉尾,靈堂內(nèi)的尸體忽然破棺而出突那,到底是詐尸還是另有隱情挫酿,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布愕难,位于F島的核電站早龟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏猫缭。R本人自食惡果不足惜葱弟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望猜丹。 院中可真熱鬧芝加,春花似錦、人聲如沸射窒。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蝌麸,卻和暖如春点寥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背来吩。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工敢辩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人弟疆。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓戚长,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親兽间。 傳聞我的和親對(duì)象是個(gè)殘疾皇子历葛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 本篇課題,或許早已是爛大街的解讀文章嘀略。不過(guò)春招系列面試下來(lái)恤溶,不少伙伴們還是似懂非懂地栽倒在(~面試官~)深意的笑容...
    以樂(lè)之名閱讀 1,780評(píng)論 0 9
  • 標(biāo)簽:debounce throttle iplas 小編在偶然瀏覽Javascript技術(shù)貼吧時(shí)候,偶然看到節(jié)...
    傑仔閱讀 531評(píng)論 0 2
  • ORA-00001: 違反唯一約束條件 (.) 錯(cuò)誤說(shuō)明:當(dāng)在唯一索引所對(duì)應(yīng)的列上鍵入重復(fù)值時(shí)帜羊,會(huì)觸發(fā)此異常咒程。 O...
    我想起個(gè)好名字閱讀 5,311評(píng)論 0 9
  • 概念 函數(shù)防抖(debounce) 當(dāng)調(diào)用動(dòng)作過(guò)n毫秒后,才會(huì)執(zhí)行該動(dòng)作讼育,若在這n毫秒內(nèi)又調(diào)用此動(dòng)作則將重新計(jì)算執(zhí)...
    yuanjiex閱讀 624評(píng)論 0 1
  • 長(zhǎng)久以來(lái)帐姻,面向?qū)ο笤?JavaScript 編程范式中占據(jù)著主導(dǎo)地位。不過(guò)奶段,最近人們對(duì)函數(shù)式編程的興趣正在增長(zhǎng)饥瓷。函...
    神刀閱讀 463評(píng)論 0 0