JavaScript

在學習 JavaScript 或任何程式語言時，「函式（Function）」是你必須掌握的重要基礎。 函式不僅是程式中常見的結構，也是讓程式具備「可重複使用」、「組織清晰」的關鍵。 本篇文章將從最基本...

學會基本的 React Hook（如 useState、useEffect）後，你可能會發現： 有些邏輯會在好幾個元件中重複出現 元件變得又長又難讀，因為邏輯與畫面混在一起 每次寫類似的邏輯都要重新複...

學習 React 的過程中，你可能會遇到一個有趣的現象：Hook（像是 useState, useEffect）只能用在元件裡，不能用在普通函式中。 例如： function MyComponent(...

在學 JavaScript 的過程中，處理使用者互動是很重要的一環。 無論是點擊按鈕、輸入文字，甚至是滑鼠滑過畫面，這些行為在網頁上都被稱為「事件」。 而當你透過 JavaScript 捕捉這些事件時...

在網頁中，「點一下」這個簡單動作，其實是開啟互動世界的關鍵。 當你點擊一個按鈕、連結或圖片時，能夠觸發一些反應（例如彈出提示、改變畫面、送出資料）── 這些都仰賴所謂的事件（Event）。 其中，最常...

在寫程式時，我們常常會遇到一個問題：資料產生出來之後，要怎麼保留下來供之後使用？又該怎麼取回它？ 如果沒有辦法記住它，程式每執行一次都會像失憶一樣，一切重頭再來。 這時候，「變數」就派上用場了。 但其...

當你在寫 JavaScript 時，你的每一行程式碼，不是「用來算出某個結果」，就是「做出某種行動」。 這兩者的差異，就是程式語言中的「表達式（expression）」與「陳述式（statement）...

在 JavaScript 中，「運算子（Operator）」是用來處理資料、變數、值的符號。 你可以把它們想像成程式碼中的「動作執行者」，負責做加法、比較、邏輯運算、條件判斷……等工作。 JavaSc...

你的 React 專案越做越大，可能會遇到這樣的問題： 畫面沒改到的地方也重新渲染了、同樣的計算一直重複、操作起來變得卡卡的… 這時，你就需要學會效能優化了！ 本篇文章會帶你了解兩個超重要的 Ho…

你可能遇過這種狀況： const a = [1, 2, 3]; const b = [1, 2, 3]; console.log(a === b); // false 看起來陣列內容一模一樣，為什麼卻...