新人日誌
首頁
關於我
部落格
Toggle Menu
所有文章
所有文章
共 219 篇文章
搜尋
重設
JavaScript
初學者指南：了解 JavaScript 的 fetch 函數
本文為 AJAX 基本介紹系列文，第 6 篇： 在現代網頁開發中，從伺服器獲取資料是一個非常常見的需求。 過去 […]
2025年5月12日
JavaScript
JavaScript 函數參數為什麼用 _？這樣寫有什麼意義？
你可能在程碼中看過這樣的寫法… array.map((_, index) => { console.log(index); }); 初學者可能會疑惑：「這個底線 _ 是什麼意思？它是特殊符號嗎？它...
2025年5月3日
JavaScript
初學者必學：搞懂 JavaScript 的 event.target
在學 JavaScript 的過程中，處理使用者互動是很重要的一環。 無論是點擊按鈕、輸入文字，甚至是滑鼠滑過畫面，這些行為在網頁上都被稱為「事件」。 而當你透過 JavaScript 捕捉這些事件時...
Previous
1
...
7
8
9
...
25
2025年4月23日
JavaScript
初學者必學：onClick 事件完整介紹
在網頁中，「點一下」這個簡單動作，其實是開啟互動世界的關鍵。 當你點擊一個按鈕、連結或圖片時，能夠觸發一些反應（例如彈出提示、改變畫面、送出資料）── 這些都仰賴所謂的事件（Event）。 其中，最常...
2025年4月23日
JavaScript
JavaScript 資料是怎麼儲存的？深入了解 Value Type 與 Reference Type
你可能遇過這種狀況： const a = [1, 2, 3]; const b = [1, 2, 3]; console.log(a === b); // false 看起來陣列內容一模一樣，為什麼卻...
2025年4月19日
JavaScript
JavaScript ES6 展開運算符（Spread Operator）介紹：給新手的指南
在 JavaScript ES6（ECMAScript 6）中，展開運算符（Spread Operator）是一個非常實用的語法功能，它用來展開可迭代的物件（例如陣列或字串），讓代碼變得更加簡潔。 這...
2025年4月16日
JavaScript
Context API 是什麼？解決 prop drilling 的痛點
在前幾篇文章中，我們學會了使用 props 把資料從父元件傳到子元件。 但你有沒有發現，如果資料需要從最上層一路傳到底層，每個中間層都得「中轉」一次，即使它們根本不需要這些資料？ 這種現象就叫做 pr...
2025年4月14日
JavaScript
元件之間如何傳資料？Props 教學入門
在使用 React 建構畫面時，你可能會遇到這樣的情境：「我有一個資料放在某個元件 A 裡，但我想讓元件 B 也可以用到這筆資料。」 這時候，你會開始思考「元件之間要怎麼傳資料？」這正是 props（...
2025年4月14日
JavaScript
什麼是 prop drilling？當資料傳遞變成麻煩
你學會了 props，知道怎麼讓父元件把資料「丟給」子元件，但有沒有遇過這種情況： 想把一筆資料給最底層的元件，結果中間的每一層元件都要幫忙「轉傳」一次？ 這就是 prop drilling 的問題。...
2025年4月14日
Next