日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

防抖与节流的原理、实现及优化

發(fā)布時(shí)間:2023/12/16 编程问答 21 豆豆
生活随笔 收集整理的這篇文章主要介紹了 防抖与节流的原理、实现及优化 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

文章目錄

  • 本文具體內(nèi)容已遷移至新博客:
  • 一、防抖
    • 1.1 定義
    • 1.2 應(yīng)用場(chǎng)景
    • 1.3 實(shí)現(xiàn)
      • 使用第三方庫(kù)[underscore](https://underscorejs.org/)
      • js手寫
  • 二、節(jié)流
    • 2.1 定義
    • 2.2應(yīng)用場(chǎng)景
    • 2.3 js實(shí)現(xiàn)
      • 定時(shí)器版本
      • 時(shí)間戳版本
  • 三、防抖與節(jié)流區(qū)別

本文詳細(xì)介紹了防抖與節(jié)流的應(yīng)用與代碼實(shí)現(xiàn)、優(yōu)化。其中函數(shù)節(jié)流實(shí)現(xiàn)了定時(shí)器版本和時(shí)間戳版本,不同版本均有做優(yōu)化處理

本文具體內(nèi)容已遷移至新博客:

谷歌搜索:site:fryao.blogspot.com
Fryao
注:需科學(xué)上網(wǎng)才可訪問(wèn)

一、防抖

1.1 定義

防抖指只有在n秒內(nèi)沒(méi)有再次觸發(fā)某個(gè)函數(shù)時(shí),才會(huì)真正執(zhí)行這個(gè)函數(shù);若n秒內(nèi)再次觸發(fā)此函數(shù),則重新計(jì)算時(shí)間,如:在進(jìn)行搜索的時(shí)候,當(dāng)用戶停止輸入后才調(diào)用方法節(jié)約請(qǐng)求資源

1.2 應(yīng)用場(chǎng)景

  • 輸入框中頻繁的輸入內(nèi)容,搜索或者提交信息;
  • 頻繁的點(diǎn)擊按鈕,觸發(fā)某個(gè)事件;
  • 監(jiān)聽(tīng)瀏覽器滾動(dòng)事件完成操作;
  • 用戶縮放瀏覽器的resize事件(瀏覽器窗口大小發(fā)生變化時(shí)觸發(fā))

1.3 實(shí)現(xiàn)

使用第三方庫(kù)underscore

js手寫

<body><input type="text"><button id="cancel">取消</button></body>
  • 防抖功能的基本實(shí)現(xiàn)

  • 優(yōu)化防抖函數(shù):增加立即執(zhí)行效果

  • 優(yōu)化防抖函數(shù):增加取消效果(點(diǎn)擊取消按鈕取消發(fā)送請(qǐng)求)


  • 二、節(jié)流

    2.1 定義

    節(jié)流指一定時(shí)間內(nèi)js方法會(huì)執(zhí)行一次,即執(zhí)行函數(shù)的頻率是固定的。類似于10 分鐘一趟的公交車,不管10 分鐘內(nèi)有多少人在公交站等,10 分鐘一到就會(huì)按時(shí)發(fā)車

    2.2應(yīng)用場(chǎng)景

    • 監(jiān)聽(tīng)頁(yè)面的滾動(dòng)事件;
    • 鼠標(biāo)移動(dòng)事件;
    • 用戶頻繁點(diǎn)擊按鈕操作;
    • 游戲中的一些設(shè)計(jì)(如飛船發(fā)射導(dǎo)彈的頻率)

    2.3 js實(shí)現(xiàn)

    定時(shí)器版本

    定時(shí)器版本的節(jié)流函數(shù)具有兩個(gè)特點(diǎn):

  • 節(jié)流功能的基本實(shí)現(xiàn)

  • 節(jié)流優(yōu)化:增加取消請(qǐng)求和立即執(zhí)行


  • 時(shí)間戳版本

    時(shí)間戳版本的節(jié)流函數(shù)具有兩個(gè)特點(diǎn):

  • 節(jié)流優(yōu)化:增加取消請(qǐng)求和立即執(zhí)行

  • 三、防抖與節(jié)流區(qū)別

    相同點(diǎn):防抖節(jié)流的出現(xiàn)是為了解決頻繁觸發(fā)某個(gè)事造成的性能消耗的問(wèn)題,使網(wǎng)絡(luò)請(qǐng)求在合適的情況下發(fā)送
    區(qū)別:兩者區(qū)別在于節(jié)流是固定時(shí)間做某一件事,比如每隔n秒發(fā)一次請(qǐng)求;而防抖是在頻繁觸發(fā)時(shí)只執(zhí)行一次(兩者的前提都是頻繁觸發(fā))

    總結(jié)

    以上是生活随笔為你收集整理的防抖与节流的原理、实现及优化的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

    主站蜘蛛池模板: 日本免费一二区 | 肥臀浪妇太爽了快点再快点 | 玖草视频在线观看 | 日韩黄色三级视频 | 中国字幕一色哟哟 | 久久r视频| 日本xxxx色| 国产日韩欧美不卡 | 国产精品秘入口18禁麻豆免会员 | www夜夜操 | 黄网站色视频免费观看 | 性插动态视频 | 琪琪伦伦影院理论片 | 色婷婷色婷婷 | 桃色av网站| 午夜色综合| 中文不卡在线 | 美女毛片 | 青青草97| 小泽玛利亚一区二区三区在线观看 | 国产视频一区二区在线观看 | 国产又粗又猛又黄又爽的视频 | 视频一区国产精品 | 日韩av在线免费观看 | 丁香一区二区三区 | 五月天综合| 波多野结衣视频免费在线观看 | 免费av中文字幕 | 成人性做爰片免费视频 | 亚洲成人午夜影院 | 美日韩视频 | 黄色操人视频 | 疯狂做爰高潮videossex | 国产精品7777 | 亚洲国产午夜 | 日韩美女激情视频 | 亚洲男人天堂视频 | www国产亚洲精品 | 中文字幕大全 | 1024手机看片日韩 | 99久久久无码国产精品6 | 2019中文字幕在线 | 国产原创一区 | 樱花视频在线免费观看 | www视频在线| 国产成人无码精品久久二区三 | 成人久久免费 | 女同激情久久av久久 | 成人精品一区二区三区电影黑人 | 精品成人| 91精品国产高清一区二区三蜜臀 | 成人av高清在线观看 | 糖心av | av黄色影院 | www.在线| 国产精品69久久久 | 美女色综合| 最近中文字幕在线中文视频 | 国产精品自产拍高潮在线观看 | 日韩福利视频 | 呦呦网 | 91小视频在线观看 | 日韩视频在线观看一区二区 | 极品久久 | 麻豆中文字幕 | 涩涩屋污 | 国产精选视频 | 久久日视频 | 91香蕉视频污污 | 污网站免费观看 | 污网站在线免费看 | 日本亚洲色大成网站www久久 | 丰满少妇aaaaaa爰片毛片 | 美女的奶胸大爽爽大片 | 国产69精品久久久久久 | 国产成人精品视频在线 | 午夜激情福利视频 | 亚洲欧美国产日韩精品 | 在线观看你懂的视频 | 人妻无码一区二区三区久久99 | 亚洲成人999 | 蜜臀av性久久久久蜜臀aⅴ麻豆 | 色男人的天堂 | 亚洲成人系列 | 熟妇人妻无码xxx视频 | 黄色av免费在线观看 | 亚洲影视网 | 亚洲国产精品一区二区尤物区 | 67194午夜| 午夜男人的天堂 | 四虎8848 | 亚洲狠狠丁香婷婷综合久久久 | 日日噜噜夜夜爽爽 | 91精品国产乱码 | 久久久久久久9999 | 亚洲中文字幕无码专区 | 美国特色黄a大片 | 99久热| 亚洲天堂91 |