日韩性视频-久久久蜜桃-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ò),歡迎將生活随笔推薦給好友。

    主站蜘蛛池模板: av黄色国产 | 可以在线看黄的网站 | 久久午夜夜伦鲁鲁片无码免费 | 色多多av | 午夜剧场免费观看 | 免费草逼网站 | 国产女上位 | 蜜臀av色欲a片无码精品一区 | 国产又粗又猛又爽又黄的视频一 | 最新视频在线观看 | 亚洲成人一区二区在线观看 | 亚洲a∨无码无在线观看 | 欧美黄色网| 亚洲а∨天堂久久精品2021 | 国产资源av | 插女生下面 | 波多野结衣毛片 | 日韩国产精品一区二区 | 蜜臀99久久精品久久久久小说 | 青青国产精品视频 | 国色天香av | 一级特黄aa | 日本一二三区视频在线 | 夜夜爱视频| 国产精品无码毛片 | 国产91九色 | www.avcao| 国产一区二区三区播放 | 网站在线观看你懂的 | 香蕉视频啪啪 | av一区二区三区在线观看 | 国产免费av电影 | 国产熟女高潮一区二区三区 | 五月天婷婷丁香 | 亚洲韩国精品 | av久久久久久 | 精品国产乱码久久久久久108 | 欧美日韩免费高清一区色橹橹 | 午夜污片 | 大学生三级中国dvd 日韩欧美一区二区区 | 二男一女一级一片 | 成人中文网 | 韩国伦理片观看 | 黑人巨茎大战欧美白妇 | 在线观看不卡av | 国产在线观看www | 我的好妈妈在线观看 | 法国空姐电影在线观看 | 海角官网 | 波多野结衣一区二区在线 | 99热国内精品 | 欧美激情在线 | 九九九九九伊人 | 超碰av人人 | 在线aaa | 99久久久久久久 | 免费成人深夜夜行网站视频 | 国产日本欧美一区二区 | 高清无码视频直接看 | 播放黄色一级片 | 国产在线观看免费视频软件 | 久久不卡av| 亚洲天堂中文在线 | www欧美色 | 国产精品久久免费 | 日韩在线视频一区 | 91成人高清 | 性――交――性――乱睡觉 | 搡老岳熟女国产熟妇 | 精品视频一区二区三区 | 午夜精品久久久久久久 | 亚洲少妇15p| 亚洲小说区图片区都市 | 在线观看免费视频一区 | 日韩欧美第一页 | 性欧美18 | 欧美日韩国产精品 | 北条麻妃青青久久 | 日韩无遮挡 | 岛国av噜噜噜久久久狠狠av | 日本人六九视频 | 免费天堂av | 秋霞7777鲁丝伊人久久影院 | 亚洲综合插 | 亚洲涩涩涩 | 日韩亚洲国产欧美 | 横恋母在线观看 | 成人综合激情网 | 欧美有码在线观看 | 国产一区免费在线 | 久久精品欧美一区二区 | 欧美人成在线 | 亚洲国产视频一区 | 国产欧美激情在线观看 | 美女日批在线观看 | 男同志毛片特黄毛片 | 制服丝袜手机在线 | 欧美视频免费在线 | 中文字幕乱码一区二区三区 |