JavaScript 30 - Day 1.JavaScript Drum Kit

by on # javascript

#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

參考

javascript
comments powered by Disqus