將陣列裡的數字x2
Array.forEach()
需先建立一個空陣列，再將值回傳至新陣列
Array.forEach()
需先建立一個空陣列，再將值回傳至新陣列
- 3月 28 週四 201923:52
forEach()與map()
- 3月 26 週二 201920:37
setTimeout()與setInterval()
setTimeout()
延遲某段時間 (單位為毫秒) 之後，才去執行「一次」指定的程式碼，並且會回傳一個獨立的timer ID，可以透過 clearTimeout 取消程式碼的執行
var timeoutID = window.setTimeout(( () => console.log("Hello!") ), 1000);
window.clearTimeout(timeoutID);
延遲某段時間 (單位為毫秒) 之後，才去執行「一次」指定的程式碼，並且會回傳一個獨立的timer ID，可以透過 clearTimeout 取消程式碼的執行
var timeoutID = window.setTimeout(( () => console.log("Hello!") ), 1000);
window.clearTimeout(timeoutID);
- 3月 25 週一 201921:16
新增移除與確認class
classList.add 新增class
element.classList.add('some-class');
element.classList.add('some-class');
- 3月 18 週一 201920:32
JS複製元素cloneNode()
cloneNode()
複製新的一個元素物件，拷貝所有屬性和值
cloneNode()接受一個可選值為true或false的參數。true表示克隆元素和它的所有子節點，false表示克隆元素但不包含它的子節點。
複製新的一個元素物件，拷貝所有屬性和值
cloneNode()接受一個可選值為true或false的參數。true表示克隆元素和它的所有子節點，false表示克隆元素但不包含它的子節點。
- 3月 17 週日 201923:25
隨機取得數字Math.random()
Math.random()
回傳0~1(不包含1)的數字
Math.floor()
去除小數，取得整數
Math.floor(Math.random()*5);
取得0~4的隨機數字
回傳0~1(不包含1)的數字
Math.floor()
去除小數，取得整數
Math.floor(Math.random()*5);
取得0~4的隨機數字
- 3月 17 週日 201920:59
scrollWidth,clientWidth,offsetWidth的區別
scrollWidth、scrollHeight
元素實際內容的寬度/高度，不包邊線寬度，會隨對象中內容超過可視區後而變大。
clientWidth、clientHeight
元素內容的可視區的寬度/高度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。
offsetWidth、offsetHeight
元素整體的實際寬度/高度，包滾動條等邊線，會隨對象顯示大小的變化而改變。
元素實際內容的寬度/高度，不包邊線寬度，會隨對象中內容超過可視區後而變大。
clientWidth、clientHeight
元素內容的可視區的寬度/高度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。
offsetWidth、offsetHeight
元素整體的實際寬度/高度，包滾動條等邊線，會隨對象顯示大小的變化而改變。
- 3月 17 週日 201920:32
鼠标事件位置屬性
clientX、clientY
鼠標的x,y以瀏覽器視窗左上為原點
screenX、screenY
鼠標的x,y以使用者螢幕左上為原點
pageX、pageY
鼠標的x,y以瀏覽器頁面左上為原點
offsetX、offsetY
鼠標位置與目標節點左上padding為原點
layerX、layerY
position為absolute或relative的父元素的左上為原點
鼠標的x,y以瀏覽器視窗左上為原點
screenX、screenY
鼠標的x,y以使用者螢幕左上為原點
pageX、pageY
鼠標的x,y以瀏覽器頁面左上為原點
offsetX、offsetY
鼠標位置與目標節點左上padding為原點
layerX、layerY
position為absolute或relative的父元素的左上為原點
- 3月 17 週日 201915:18
JS將字串轉換成數字
將字串轉換成數字的方法有三種
parseInt()
parseInt()方法可將字串轉換成一個整數，接受兩個參數，第一個參數 string 是要轉換為數字的字串，第二個參數 radix 則是要用二進位、八進位、十進位或十六進位
parseInt()
parseInt()方法可將字串轉換成一個整數，接受兩個參數，第一個參數 string 是要轉換為數字的字串，第二個參數 radix 則是要用二進位、八進位、十進位或十六進位
- 3月 16 週六 201918:13
JS尋找離當前元素最近的祖先元素
.closest()
Element.closest（）方法用來獲取：匹配特定選擇器且離當前元素最近的祖先元素（也可以是當前元素本身）。如果匹配不到，則返回null。
var elem = document.querySelector('#some-element');
var closestParent = elem.closest('.pick-me');
Element.closest（）方法用來獲取：匹配特定選擇器且離當前元素最近的祖先元素（也可以是當前元素本身）。如果匹配不到，則返回null。
var elem = document.querySelector('#some-element');
var closestParent = elem.closest('.pick-me');
