前端工程師手冊 30分鐘看懂函式防抖和節流

2021-09-11 12:12:47 字數 449 閱讀 6507

假如有乙個飲水機,規定按下按鈕之後2秒後開始出水,有個閒得x疼的人很快的按按鈕10秒,飲水機會作何反應呢?

防抖(debounce):在按下按鈕和出水的這2秒內如果還有人按按鈕,飲水機會重新開始計算2秒,也就是說總是以最新的操作為基準來計算時間

節流:即使被人不間斷的按按鈕了10秒鐘,但是飲水機依然不緊不慢的2s出一次水,也就是說不管外部操作的多快,飲水機總會有自己的頻率

function debounce(func, delay) ,delay)

};};複製**

function throttle(fn, threshhold) else, threshhold);}}}

複製**

說乙個神器:視覺化的防抖和節流,以動畫的形式看到兩者的區別

前端工程師手冊 30分鐘搞清楚選擇器和權重

通配選擇器 id選擇器 id 類選擇器 classname 元素選擇器 tagname 後代選擇器 a b 子元素選擇器 a b 相鄰後面兄弟元素選擇器 a b 通用後面兄弟選擇器 a b 群組選擇器 selector1,selector2,這裡面平時不太常用的選擇器有相鄰後面兄弟選擇器和通用後面兄...

前端工程師手冊 30分鐘搞清楚選擇器和權重

通配選擇器 id選擇器 id 類選擇器 classname 元素選擇器 tagname 後代選擇器 a b 子元素選擇器 a b 相鄰後面兄弟元素選擇器 a b 通用後面兄弟選擇器 a b 群組選擇器 selector1,selector2,這裡面平時不太常用的選擇器有相鄰後面兄弟選擇器和通用後面兄...

30分鐘玩轉Shell Shell函式

函式可以讓我們將乙個複雜功能劃分成若干模組,讓程式結構更加清晰,重複利用率更高。像其他程式語言一樣,shell 也支援函式。shell 函式必須先定義後使用。shell 函式的定義格式如下 function name 如果你願意,也可以在函式名前加上關鍵字 function function fun...