2. 程式人生 > >性能優化之函數防抖動

性能優化之函數防抖動

阿新 • • 發佈：2019-05-10
想法 總結 行修改 本質 時間 響應 ron home 實現

函數防抖動是一種常見的優化高頻率調用函數的手段，核心是把高頻率調用的函數優化為在某一時間段內只調用一次

根據具體調用的時機可以分為兩種，分別是先調用防抖以及後調用防抖

先調用防抖

先調用防抖是指先調用函數，然後等待一段時間，在等待時間結束後再進行下一次調用，如果在等待時間結束前發生了多次調用，則只會響應第一次。調用時間線如下所示
技術分享圖片
根據這個想法，可以大致得到如下代碼
技術分享圖片

後調用防抖

後調用防抖則是先等待一段時間，在等待時間結束後調用函數，如果在等待時間結束前再次調用，則需重新計時並等待。調用時間線如下所示
技術分享圖片
在原有代碼基礎上進行修改，增加後調用的防抖動方法

技術分享圖片

將防抖動的代碼合並一下，得到完整的防抖動代碼
技術分享圖片

應用場景

keyup、keydown等頻繁觸發的事件監聽

表單驗證、輸入搜索、點擊搜索

其他會頻繁調用的函數等

總結

函數防抖動本質上是檢測前後兩次連續間隔內的函數調用，把時間間隔內的多次函數調用合並成一次，從而實現對頻繁調用的函數的優化
先調用防抖是立即執行時間間隔內的第一次函數調用，應用場景相對較少

後調用防抖是執行時間間隔內的最後一次函數調用，應用場景相對較多
技術分享圖片
文章來自公眾號：睿江雲計算
睿江雲官網鏈接：https://www.eflycloud.com/home?from=RJ0024

性能優化之函數防抖動

相關推薦

性能優化之函數防抖動

想法 總結 行修改 本質 時間 響應 ron home 實現 函數防抖動是一種常見的優化高頻率調用函數的手段，核心是把高頻率調用的函數優化為在某一時間段內只調用一次 根據具體調用的時機可以分為兩種，分別是先調用防抖以及後調用防抖 先調用防抖 先調用防抖是指先調用函數，然後等

Javascript性能優化之節流函數

滾動事件 add 沒有 使用 們的 java rip 也會 出了 在我們的工作中往往有這樣的需求，下拉上拉加載實現無限加載列表數據這樣的一個功能，這個時候小夥伴們可能就覺得這個功能幾分鐘的事，於是乎，下邊這段代碼浩浩蕩蕩就出來了 window.addEventListen

SQL Server SQL性能優化之--數據庫在“簡單”參數化模式下，自動參數化SQL帶來的問題

參考 itl stat 數據行 img tro while 第一次 line 數據庫參數化的模式 數據庫的參數化有兩種方式，簡單（simple）和強制（forced），默認的參數化默認是“簡單”，簡單模式下，如果每次發過來的SQL，除非完全一樣

Spark性能優化之道——解決Spark數據傾斜（Data Skew）的N種姿勢

至少 array 效率提升 default executors 並行處理 foreach shp 來源 原創文章，轉載請務必將下面這段話置於文章開頭處。本文轉發自技術世界，原文鏈接　http://www.jasongj.com/spark/skew/ 摘要 本文結合

redis性能優化之redis.cnf配置參數

gre tab 4.0 lock 多少 etc 避免 time 4.4 redis調優總結 1、相應的參數調優 加內存2、redis使用結構調優3、使用合理的數據類型說明：redis存儲的數據為redis hash(字符映射表) 單key多字段結構。 1)調整配置文件中配置

數據庫性能優化之SQL語句優化（轉 java知音）

可能 資源 詳細介紹 有助於 效果 這就是 詳細 分組統計 完全 一、問題的提出 在應用系統開發初期，由於開發數據庫數據比較少，對於查詢SQL語句，復雜視圖的編寫等體會不出SQL語句各種寫法的性能優劣，但是如果將應用系統提交實際應用後，隨著數據庫中數據的增加，系統的

安卓性能優化之計算apk啟動時間

height let 邏輯 第一個 cin 16px box tex 性能 之前有人在知乎提問：“怎麽計算apk的啟動時間？” : 利用Python或者直接用adb命令怎麽計算apk的啟動時間呢？就是計算從點擊圖標到apk完全啟動所花費的時間。比如，對遊戲來說就是點擊遊

mysql性能優化之優化配置my.cnf文件

win 查詢 format end 索引 addition this tab socket [client]#password = your_passwordport = 3306socket = /opt/mysql/dbdata/mysql.sock # The M

python性能優化之列表生成

python list 數量級 空間 start 在看python算法時，發現簡單的列表生成，不同的方式性能相差巨大，讓我對性能優化有了很大興趣。大家也來看一看平時有沒有犯類似的錯誤呢。#!/usr/bin/env python import time def test1(n):

Android性能優化之ListView緩存機制

ner data b2c 模式 ret hold ren state err 要想優化ListView首先要了解它的工作原理，列表的顯示須要三個元素：ListView、Adapter、顯示的數據。 這裏的Adapter就是用到了適配器模式，無論傳入的是什麽View在Li

Android性能優化之利用Rxlifecycle解決RxJava內存泄漏

Android 前言： 其實RxJava引起的內存泄漏是我無意中發現了，本來是想了解Retrofit與RxJava相結合中是如何通過適配器模式解決的，結果卻發現了RxJava是會引起內存泄漏的，所有想著查找一下資料學習一下如何解決RxJava引起的內存泄漏，就查到了利用Rx

知識鞏固——性能優化之減少http請求

做成 coord 性能優化 base .... ase ... 轉碼 樣式表 1、css 雪碧圖 sprites 其實更高深的應該是把圖標做成字體文件直接引用 2、圖片地圖 類似上，area標簽的coords屬性 3、合並腳本和樣式表，js和css 4、使用base64碼減

Android性能優化之被忽視的Memory Leaks

轉換 sta 工具欄 ase service 超過 基本數據類型 是我 它的 起因 寫博客就像講故事。得有起因，經過，結果，人物。地點和時間。今天就容我給大家講一個故事。人物呢。肯定是我了。故事則發生在近期的這兩天,地點在coder君上班的公司。那天無

asp.net性能優化之使用Redis緩存（入門）

1-43 date 連接 setting 3.4 lose pre 數據庫數據 apps 1：使用Redis緩存的優化思路 redis的使用場景很多，僅說下本人所用的一個場景： 1.1對於大量的數據讀取，為了緩解數據庫的壓力將一些不經常變化的而又讀取頻繁的數據存入redis

Linux性能優化之CPU優化(一)

常見問題 初始 ron 機器 kset 第一次 內存地址空間 發送 離開 前言 何為性能優化？個人認為，性能優化是為了提高應用程序或系統能力為目的。那麽如何才能實現對應用程序的性能調優呢？這裏很設計到很多的內容，包括Linux內核、CPU架構以及Linux內核對資源的分配以

Mysql性能優化之覆蓋索引

查找 cnblogs 都是 記錄 性能優化 nod 如果 libary 使用 因為我們大多數情況下使用的都是Innodb，所以這篇博客主要依據Innodb來講 b+樹（圖片來自網絡）

tomcat8性能優化之server.xml配置文件

shutdown ttf vax Owner unpack save upload rop one <?xml version=‘1.0‘ encoding=‘utf-8‘?><!-- Licensed to the Apache Software Fo

web性能優化之js圖片懶加載

handle nbsp put ++ brush border get nod span html <div class="container"> <ul> <li> <div id="first" cla

前端性能優化之-dns預解析

maximum 頁面 mini theme sde link them ade 性能 預解析的實現： 1. 用meta信息來告知瀏覽器, 當前頁面要做DNS預解析:<meta http-equiv="x-dns-prefetch-control" content="o

MySQL性能優化各個參數解釋說明

MySQL 性能優化 my.cnf優化 [client]port = 3306socket = /tmp/mysql.sock[mysqld]port = 3306socket = /tmp/mysql.sockbasedir = /usr/local/mysqldatadir = /data/m