新人日誌
首頁
關於我
部落格
Toggle Menu
所有文章
所有文章
共 219 篇文章
搜尋
重設
JavaScript
初學者必讀：什麼是「函式」（Function）？從 prompt 函式認識函式的基本概念
在學習 JavaScript 或任何程式語言時，「函式（Function）」是你必須掌握的重要基礎。 函式不僅是程式中常見的結構，也是讓程式具備「可重複使用」、「組織清晰」的關鍵。 本篇文章將從最基本...
2025年7月4日
JavaScript
JavaScript 變數的核心概念：綁定（Binding）
在寫程式時，我們常常會遇到一個問題：資料產生出來之後，要怎麼保留下來供之後使用？又該怎麼取回它？ 如果沒有辦法記住它，程式每執行一次都會像失憶一樣，一切重頭再來。 這時候，「變數」就派上用場了。 但其...
2025年7月4日
JavaScript
JavaScript 運算子全解：一元、二元、三元運算子一次搞懂！
Previous
1
...
5
6
7
...
25
在 JavaScript 中，「運算子（Operator）」是用來處理資料、變數、值的符號。 你可以把它們想像成程式碼中的「動作執行者」，負責做加法、比較、邏輯運算、條件判斷……等工作。 JavaSc...
2025年6月10日
JavaScript
自訂 Hook 是什麼？如何封裝自己的邏輯
學會基本的 React Hook（如 useState、useEffect）後，你可能會發現： 有些邏輯會在好幾個元件中重複出現 元件變得又長又難讀，因為邏輯與畫面混在一起 每次寫類似的邏輯都要重新複...
2025年6月10日
JavaScript
為什麼 React 能區分「元件」與「普通函式」？
學習 React 的過程中，你可能會遇到一個有趣的現象：Hook（像是 useState, useEffect）只能用在元件裡，不能用在普通函式中。 例如： function MyComponent(...
2025年6月10日
JavaScript
useMemo / useCallback：效能優化從這開始
你的 React 專案越做越大，可能會遇到這樣的問題： 畫面沒改到的地方也重新渲染了、同樣的計算一直重複、操作起來變得卡卡的… 這時，你就需要學會效能優化了！ 本篇文章會帶你了解兩個超重要的 Hook...
2025年6月10日
JavaScript
useReducer：更強大的 state 管理方法
當你開始寫 React 的時候，useState 絕對是最先學的 Hook。 它用起來直覺、方便，適合處理簡單的狀態更新。 但隨著應用越來越複雜，你會發現用 useState 管理多個狀態、或是多步驟...
2025年6月10日
JavaScript
useContext 入門：跨層資料傳遞不再痛苦
你是否曾經遇過這樣的情境：一個全域資料（像是使用者登入狀態、主題模式、語言設定），必須從最上層的元件層層傳遞到子孫元件？ 這種層層傳遞 props 的痛苦，我們稱為 prop drilling。 當你...
2025年6月10日
JavaScript
useRef 入門：如何存資料又不觸發重新渲染？
在 React 中，useState 是大家學得最多也用得最熟的 Hook。 它能讓元件擁有「狀態」，一但你用 setState 更新資料，React 就會重新渲染畫面，這樣我們才能看到最新的變化。...
2025年6月10日
Next