[分享] 不允許在case/default中進行宣告 (no-case-declarations)

(前略)
switch (prop) {
  case 'genre': 
    let genre = genreFormatter(user[prop])
  (後略)
}

本章節switch的練習中, 當我在case底下宣告變數時,
ESLint出現了警告

Unexpected lexical declaration in…

[分享] A15, 如何往事件監聽器裡傳參數 & 何謂監聽器事件「event」

寫作業碰到問題,
用的關鍵字方向不對, 查好久查不到解,
正想說放棄掙扎來問助教時, 腦中閃過另一個關鍵字時, 終於給我查到了!!

在這邊分享一下。
一組加入事件監聽器的code如下：

HTMLElement.addEventListener('click'…

[心得分享] JS = 專為瀏覽器而生的 script (腳本語言)

JavaScrpit 誕生於1995年，由 Netscape 這家公司專門為其 Netscape 瀏覽器而發明的。

JavaScript 在不同領域的應用中，新增了「後端執行腳本」，讓 JavaScript 引擎可進行獨立編譯，因此發展出後端開發執行腳本「Node.js」功能，讓你可以在不只是瀏覽器的地方撰寫 JavaScript

[分享] 迭代 DOM NodeList 的一些花式

這次A22挑戰題, 學長姐精選作業中, 有學長姐使用了一個沒看過的方法,
將 Array-like 轉換成 Array 來進行 .forEach() 迭代。

[分享] VScode 操作小技巧

在這章節研究VScode時發現一個實用功能,
分享給還不知道的朋友。

[分享] 利用偽類, 找出 checked 的方法

本章節利用 Array.prototype.forEach() 迭代 + if 的方式,
來找出屬性checked 為 true 者↓

AlphaPos.prototype.getCheckedValue = function (inputName) {
  let selectedOption = ''

  // 用迭代去逐個比對, 找出屬性checked為true者…

[快速導覽] 正規表達式 /^\d{4}-?\d{6}$/

跟字串需要用「 “ 」這類符號包起來一樣
正規表達式需要用「/」包裹

'string'
/regexp/

針對延伸閱讀的內容：

/^\d{4}-?\d{6}$/

^x => x在字首
\d => 數字, 等價於[0-9]
{n} => 重複次數n
x? => (有x or 沒有x),皆匹配
x$…

Bootstrap Grid System, 到底是Grid? 還是 Flex?

其實在看這篇的時候我很混亂,
標題是寫 Grid System, 但內文多次提到它是 Based on Flexbox。
所以它到底是Grid? 還是 Flex? 是教材寫錯字?