防抖節流——從愛抖腿的機器人說起

来源:https://www.cnblogs.com/iovec/archive/2020/01/13/12186096.html
-Advertisement-
Play Games

話說印度研發了最新款的智能機器人,代號“七弟”,用於執行特殊任務。 由於開發者的大意疏忽,七弟的內核程式中存在一個隱晦的bug:當周圍播放電子音樂時,電子音樂中強烈且帶節奏的聲波會影響七弟周圍的空氣密度,進而干擾裡面電子元件的電容電壓值,當電容釋放時會執行一段固定的步行程式。但是電音中的節拍時長限制 ...


話說印度研發了最新款的智能機器人,代號“七弟”,用於執行特殊任務。

由於開發者的大意疏忽,七弟的內核程式中存在一個隱晦的bug:當周圍播放電子音樂時,電子音樂中強烈且帶節奏的聲波會影響七弟周圍的空氣密度,進而干擾裡面電子元件的電容電壓值,當電容釋放時會執行一段固定的步行程式。但是電音中的節拍時長限制導致步行程式只能執行一半就被回退至起始狀態。由於難以修複,開發者便稱之為關節機械部位強化訓練功能,又稱“抖腿”

防抖之路

七弟的內核關鍵代碼已經超過8千萬行,其中某些模塊一個函數就超過20萬行,調用的話需要必須傳527個參數。沒有人願意再維護這個遺留項目。好在七弟內置了深度學習,他通過自我更新不斷強化自己的軟硬體能力。有時在看書的時候他會播放一首電音,抖腿使他的腿部神經網路容錯率更大,自我修複能力更強。甚至七弟產生了一種很奇妙的感覺——“快樂”。

似乎一切都還不錯,直到遇到了服役以來最強對手——“鳥人”

鳥人通過研究七弟的源碼發現了他的這個bug,於是在一次和七弟的大戰中鳥人播放了一首 《Move your Body》,果不其然,七弟在這生死攸關的時刻居然開始抖腿了,關鍵是控記不住他記幾啊。最後被鳥人拆成了零件

好在七弟還有一個給力隊友——“七妹”,七妹git clone了七弟的項目代碼,重新構建打包,npm run build。經過10分鐘艱苦不懈的努力,七弟成功複活。

七弟痛定思痛,開始思考防抖演算法。首先,這段存在bug的代碼不能直接刪掉,因為這段代碼執行的是步行程式,去掉就TM不能走路了。那麼,只能增加一些邏輯,判斷一下周圍是否正在播放電子音樂,如果是那就取消執行這段步行程式,如果電音停了,那就執行一次。這樣的話,一首電音5分鐘,只會抖一下,而不是每秒抖兩下(600下)。

說乾就乾,七弟脫掉衣服在自己內核中加上了一段防抖代碼:

let timer
/* 走路時不抖腿 */
function preventShakeLegWalk () {
  clearTimeout(timer) // 防止頻繁執行步行程式,導致抖腿
  timer = setTimeout(walk, 500)
}

經過兩分鐘細緻縝密的測試,git push 上線。

防抖成功的七弟如獲新生,沒有了致命缺陷。是時候和鳥人來波生死局了。

就這樣在你一拳我一拳的膠著戰鬥中,七弟發現了鳥人的軟肋——害怕高頻電磁波。七弟佯裝戰敗引鳥人來到雷達信號塔附近,在開發人員的幫助下成功終結掉了鳥人,拯救了處於水火之中的孟買市。

節流

鳥人事件之後,七弟繼續優化自己的代碼和功能。為了能記錄機器人的實時位置。七弟在步行代碼中加上了日誌上傳,但每秒上傳一條日誌流量開銷巨大,要知道印度的某些地方信號較弱,並且七弟內置的流量卡是每個月1G,用完之後基本處於斷網狀態。

為了節省流量,並且實時監測七弟的地理位置。需要對上面的步行代碼再次進行優化。

let timer
let last = 0 // 上次調用時間戳
function preventShakeLegWalk () {
  clearTimeout(timer)
  // 每分鐘上傳一次日誌
  if (Date.now() - last > 60 * 1000) log()
  timer = setTimeout(() => {
    log()
    walk()
  }, 500)
}

這樣就避免了七弟聽電子音樂時會導致很長時間不上傳位置,處於失聯狀態。

加了防抖和節流後,七弟的功能更加完善。最後和七妹過上了幸福快樂的生活。

言歸正傳

好了,我實在編不下去啦

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 遍歷DOM樹 第一個函數: 給我根節點, 我會找到所有的子節點: forDOM(根節點) 獲取這個根節點的子節點 var children=根節點的.children 調用第二個函數 第二個函數: 給我所有的子節點, 我把每個子節點的名字顯示出來(children) for(var i=0;i<ch ...
  • https://blog.csdn.net/weixin_45601379/article/details/100550421 ...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
  • 二個固定定位,用margin 把左邊和右邊都讓出來。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
  • 淺拷貝 拷貝就是複製, 就相當於把一個對象中的所有的內容, 複製一份給另一個對象, 直接複製, 或者說, 就是把一個對象的地址給了另一個對象, 他們指向相同, 兩個對象之間有共同的屬性或者方法, 都可以使用 寫一個函數,作用:把一個對象的屬性複製到另一個對象中,淺拷貝 var obj1={ age: ...
  • Vue 嵌套路由使用總結 by:授客 QQ:1033553122 開發環境 Win 10 node-v10.15.3-x64.msi 下載地址: https://nodejs.org/en/ 需求場景 如下圖,我們希望點擊導航欄不同菜單時,導航欄下方載入不同的組件,進而展示不同的頁面內容 解決方案 ...
  • 課程介紹 淺拷貝 深拷貝 | >遞歸 遍歷DOM樹 | >遞歸 晚上能夠把代碼寫出來是最好的 正則表達式 很重要的東西 元字元 寫幾個正則表達式 寫代碼 正則表達式的案例 >代碼寫出來 數組和偽數組的區別 複習 apply和call方法的使用和區別 都可以改變this指向的 使用方式: 函數名.ap ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...