[爆卦]Debounce JS是什麼?優點缺點精華區懶人包

雖然這篇Debounce JS鄉民發文沒有被收入到精華區:在Debounce JS這個話題中,我們另外找到其它相關的精選爆讚文章

在 debounce產品中有3篇Facebook貼文,粉絲數超過2,018的網紅Kewang 的資訊進化論,也在其Facebook貼文中提到, 前兩篇分享了 Autocomplete 的實作方式及開發細節,算是少數大家迴響比較多的文章 XDD,下面就來整理一下大家的迴響好了。 --- ## 1. 減少傳輸量可以使用 msgpack 小編有聽過 msgpack 但還沒實際了解這是如何運作的。剛查了一下資料 (https://msgpac...

 同時也有1部Youtube影片,追蹤數超過5萬的網紅佑來認真教,也在其Youtube影片中提到,arduino的實體按鈕元件很容易出現bounce的現象,導致訊息重複,在精細的控制裡可能會出現問題,因為這裡會講解概念及提供個人的debounce方法,應該會比範例裡面的方法更容易使用。...

  • debounce 在 Kewang 的資訊進化論 Facebook 的最佳貼文

    2019-01-10 14:00:01
    有 40 人按讚

    前兩篇分享了 Autocomplete 的實作方式及開發細節,算是少數大家迴響比較多的文章 XDD,下面就來整理一下大家的迴響好了。

    ---

    ## 1. 減少傳輸量可以使用 msgpack

    小編有聽過 msgpack 但還沒實際了解這是如何運作的。剛查了一下資料 (https://msgpack.org),說是比 JSON 更省資料大小,基本上聽過的語言都有支援。

    在前公司也用過 Avro 這類的格式,主打的也是省資料大小。但現在應該還不會考慮改用這類要另外做 serialize 的格式。

    主要是基於後端是以 Node.js 為主開發,JSON 已經是原生支援,再引入一種資料格式會增加前後端維護的複雜度。另外就是開發人力,新創小公司要儘量減少工作,目前可以順暢運作就好,還有其他更重要的事要做,等之後用量大了再改也不遲。

    ---

    ## 2. 減少傳輸量可以使用 HTTP server 的壓縮機制

    這真的是忽略了,忘了 expressjs 只是一套 web framework,在上面對資料做壓縮其實會影響到效率。讓如 nginx 之類的 HTTP server 做壓縮應該才是更好的作法。

    不過因為現在的 infra 是建在 heroku 上面,heroku 並沒有原生 nginx 的支援。等量大撐不住的時候,倒是可以優先考慮使用 heroku 的 buildpack 把 nginx 架上去試試 (https://github.com/heroku/heroku-buildpack-nginx)。

    另外也有提到用 CDN 做動態壓縮,這就真的沒做過了,也是可以研究的方向之一。

    ---

    ## 3. 減少使用者打 server 的次數,加上 debounce time

    這大家都主推使用 debounce 方式,前端沒玩很深的小編第一次碰到這個名詞是高職的時候。記得那時上課在教 8051,老師說按按鈕時要加上 15 - 20ms 的 debounce time,避免重複送外部中斷。小編對單晶片實在不在行,但大概記得是這個意思。

    剛查了一下資料 (https://css-tricks.com/debouncing-throttling-explained-examples),前端的 debounce time 大概也是類似的意思。在輸入文字後,會 delay n 秒再送出,若是在 n 秒內又有打其他內容的時候,就把之前的 request 從 queue 裡面丟棄,只關注最後一次的 request 就好。

    這個應該也是有效減少 request 量的作法了。

    ---

    ## 4. 減少使用者打 request 的次數,將已經送出的 request 取消掉

    這也是一個不錯的作法,若 A request 已經送出去,但還沒回 response 時又送了 B request 的話,此時可以把 A request 取消。

    但要注意就是 A request 目前正在執行的步驟是去 DB 拿資料,或是在 server 本身處理一些基本計算。之前在使用 Java (grizzly + jersey) 開發的時候,若有這種情況發生會常在 log 裡面看到 IOException。

    原因是 server 已經準備好資料要回傳給 client,但發現 A request 已經取消,不知道要怎麼回傳時就會發生這個狀況。但也有可能是小編自己沒控制好收發的關係啦 XD

    ---

    關於 Autocomplete 的三篇大概就到這篇為止啦,等上線之後做了哪些調整再來分享給大家知道一下。

    #funliday #autocomplete #msgpack #debounce #nginx

  • debounce 在 淚眼風 Facebook 的最佳貼文

    2018-09-21 19:21:59
    有 8 人按讚


    距離上一次推出60%的Ducky Mini已經是4年前的事,這一次老貓主導開發的Ducky One 2 Mini是否有加入什麼新功能呢?(這一點的答案是絕對有的) 😍

    👉 搶先看→ http://iqmore.tw/ducky-one-2-mini-design-mindset

    Ducky One 2 Mini有許多特色是以往Ducky產品甚至其他家鍵盤上所看不到的特色功能,例如遊戲互動模式、四層板PCB用料、操作密技都是以往沒有提供的。

    至於跨到任何廠牌鍵盤時,Ducky One 2 Mini讓玩家自行調整Debounce Time反彈跳時間,以及自由修改產品VID/PID設定值讓鍵盤完美支援Mac系統也是首見。這些都是老貓以玩家的立場進行構思、討論才訂定出來的規格功能需求!

    👉 Ducky One 2 Mini Videos:

    😍 Ducky One 2 Mini RGB LED Backlit Modes 燈光操作模式
    https://youtu.be/CDbZKv3dgdQ

    😍 Ducky One 2 Mini RGB Gaming Interaction Mode 遊戲互動模式
    https://youtu.be/D6mIJTxKXgs

    😍 Ducky One 2 Mini RGB LED Zone Customization Modes 自定義區域背光模式
    https://youtu.be/bXNaRVD99Yo

  • debounce 在 老貓 iqmore Facebook 的最讚貼文

    2018-09-21 18:47:55
    有 95 人按讚


    距離上一次推出60%的Ducky Mini已經是4年前的事,這一次老貓主導開發的Ducky One 2 Mini是否有加入什麼新功能呢?(這一點的答案是絕對有的) 😍

    👉 搶先看→ http://iqmore.tw/ducky-one-2-mini-design-mindset

    Ducky One 2 Mini有許多特色是以往Ducky產品甚至其他家鍵盤上所看不到的特色功能,例如遊戲互動模式、四層板PCB用料、操作密技都是以往沒有提供的。

    至於跨到任何廠牌鍵盤時,Ducky One 2 Mini讓玩家自行調整Debounce Time反彈跳時間,以及自由修改產品VID/PID設定值讓鍵盤完美支援Mac系統也是首見。這些都是老貓以玩家的立場進行構思、討論才訂定出來的規格功能需求!

    👉 Ducky One 2 Mini Videos:

    😍 Ducky One 2 Mini RGB LED Backlit Modes 燈光操作模式
    https://youtu.be/CDbZKv3dgdQ

    😍 Ducky One 2 Mini RGB Gaming Interaction Mode 遊戲互動模式
    https://youtu.be/D6mIJTxKXgs

    😍 Ducky One 2 Mini RGB LED Zone Customization Modes 自定義區域背光模式
    https://youtu.be/bXNaRVD99Yo

  • debounce 在 佑來認真教 Youtube 的最讚貼文

    2017-06-14 23:37:32

    arduino的實體按鈕元件很容易出現bounce的現象,導致訊息重複,在精細的控制裡可能會出現問題,因為這裡會講解概念及提供個人的debounce方法,應該會比範例裡面的方法更容易使用。

你可能也想看看

搜尋相關網站