假如有乙個飲水機,規定按下按鈕之後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...