【JS30系列】Day 07：Array Cardio Day 2

📅 2021年11月07日 · ☕ 3 分鐘

熟悉陣列操作方法：some()、every()、find()、findIndex()、splice()

---

【JS30系列】Day 06：Type Ahead

📅 2021年11月06日 · ☕ 2 分鐘

自動補全（Auto-Complete）聯想查詢。呼叫 API 獲取 JSON 資料集，建立搜尋字串的功能，過濾出符合搜尋字串的城市名或州名，在畫面上印出搜尋結果以及該城市的人口數，並在城市名或州名中用黃色標出搜尋字串。

---

【釋疑筆記】indexOf() 和 lastIndexOf() 的差別

📅 2021年11月06日 · ☕ 1 分鐘

indexOf() 和 lastIndexOf() 的差別在哪裡？其中的參數所代表的意義為何？看 MDN 的解釋還是覺得有點模糊不清，所以把自己的理解重新整理成一份筆記。

---

【JS30系列】Day 05：Flex Panels Gallery

📅 2021年10月29日 · ☕ 2 分鐘

運用 flex 以及綁定 click 和 transitionend 監聽事件來呈現畫廊效果。點擊後相應的圖片與字體會放大，再次點擊則回復原狀。

---

【JS30系列】Day 04：Array Cardio Day 1

📅 2021年10月28日 · ☕ 5 分鐘

熟悉陣列操作方法：filter()、map()、sort()、reduce()、from()、includes()、slice()

---

【JS30系列】Day 03：CSS Variables

📅 2021年10月21日 · ☕ 2 分鐘

利用控制條來調整圖片邊框粗細、邊框色彩以及模糊程度的濾鏡效果

---

【JS30系列】Day 02：CSS + JS Clock

📅 2021年10月20日 · ☕ 2 分鐘

製作一個時、分、秒針能實時運轉的小時鐘

---

【JS30系列】Day 01：JavaScript Drum Kit

📅 2021年10月19日 · ☕ 1 分鐘

JS30 是由加拿大工程師Wes Bos所設計的一系列課程，其設計宗旨是不使用任何的框架或library，只以Vanilla JS（純 JavaScript）為主要開發工具來完成 30 個小專案，藉由這一系列的練習來熟悉 DOM 操作與各種原生 API 應用。

---

Javascript 的參數傳遞：by reference（傳址/傳參考）、by value（傳值）和 by sharing（傳共享）

📅 2021年10月13日 · ☕ 4 分鐘

Javascript 是「傳值」（call/pass by value）還是「傳址（也有譯為「傳參考」）」（call/pass by reference）？可說是 Javascript 的萬年爭議經典題目。究竟兩者定義為何？有甚麼差別？另外 call/pass by sharing（傳共享）又是甚麼呢？

---

型別名詞釋義：靜態型別/動態型別/隱性型別/強型別/弱型別

📅 2021年09月19日 · ☕ 2 分鐘

編譯式語言和直譯式語言牽涉到許多個關於「型別」的名詞，一下子讓人墜入五里霧中，這篇筆記把我所看到的資料進行整理，將這些名詞的定義與關聯性做個簡單的報告。

---