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

来源: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
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...