#1. JS Drum Kit

[筆記]

# Keyboard Event
* 建議採用 keyCode
* 注意 keypress  keyCode 會跟 keyup/ keydown 不同所以一般不會用 keypress
* 單一操作的時候建議使用 keyup因為 keyup 只會執行一次反之連續操作使用 keydown按著不放會連續觸發 [遊戲內的向前走]

# Dataset
* 傳統使用 id  className 選取可改用 data-key 的方式選取

# Transition End
* 動畫結束後 remove class
*  propertyName 篩選

# Class
* classList.add(), classList.remove(), classList.contains(), classList.toggle()

# Audio
* preload()
* prefetch()
* play()

# 立即函式 IIFE

(function(){

    //這邊寫 code

})()

# document.querySelectorAll() 出來的是類陣列無法使用陣列所有功能僅能使用 forEach

參考