新人日誌
首頁
關於我
部落格
Toggle Menu
所有文章
所有文章
共 219 篇文章
搜尋
重設
JavaScript
為什麼 React 在「沒資料時」也要先渲染？——揭開 useEffect 與元件渲染時機的真相
你是否在學習 React 時，有過這樣的困惑？ 我明明要等 API 回傳資料再顯示，為什麼 React 一開始就先 render 一次？ 明明沒資料，畫面先空著不奇怪嗎？ useEffect 執行時不...
2025年6月10日
JavaScript
useEffect 入門：畫面變動後要做的事怎麼寫？
當你學會了 useState，可以讓元件「有自己的資料」後，下一步會發現： 「有些事情我不是在 render 當下要做，而是畫面顯示完後才做。」 舉幾個例子： 向後端 API 發送請求載入資料 開始一...
2025年6月10日
JavaScript
React 核心觀念解密：setCount 究竟是什麼？為何它能同時接收數值與函式？
Previous
1
...
6
7
8
...
25
在學習 React 的過程中，很多新手會遇到這個看似簡單卻超關鍵的問題： setCount(count + 1) 和 setCount(prev => prev + 1) 差在哪裡？ 什麼時候該用哪一...
2025年6月10日
JavaScript
告別 Class！React Hooks 的誕生背景與優點
在學習 React 的過程中，很多初學者都會卡在「Class Component」這一關。 state、生命週期方法、this 綁定問題……常常讓人看得一頭霧水。 不只新手覺得困難，就連有經驗的工程師...
2025年6月10日
JavaScript
React 元件生命週期一次搞懂：從誕生到離開，它經歷了哪些階段？
在你踏入 Hook 的世界之前，有一個觀念非常關鍵 —— 你要先了解 React 元件是怎麼「活著」的。 React 並不是畫面 render 一次就結束，它背後其實運行著一套「生命週期」的機制，幫助...
2025年6月10日
JavaScript
useState 入門：讓元件擁有自己的資料
在學會 React 元件後，你可能會發現一個問題：當畫面重新渲染時，元件內的變數好像會「歸零」？ 舉個例子，如果你寫了一個 let count = 0，但當使用者點按按鈕後畫面更新，count 還是從...
2025年6月10日
JavaScript
初學者指南：如何從請求中抓取對方的 IP 位址
在開發 Web 應用程式或 API 時，有時你會需要知道用戶的 真實 IP 位址，例如： 做日誌紀錄（Logging） 限制某些地區存取 防止 DDoS 或濫用攻擊 建立地理位置分析 但在現代 Web...
2025年5月27日
JavaScript
JavaScript ES6 物件縮寫（Object Shorthand）介紹：給新手的指南
當我們學習 JavaScript 的 ES6（ECMAScript 6）時，物件縮寫（Object Shorthand）是其中非常實用的語法功能之一，它能讓我們在定義物件時寫出更簡潔的代碼。 這篇文章...
2025年5月27日
JavaScript
JavaScript 模組匯出教學：export 與 export default 的用法與差異
在現代 JavaScript 開發中，「模組化」是管理程式碼結構的基本能力。 它允許我們把函式或變數寫在一個檔案中，然後在其他檔案中匯入使用，讓程式碼更有組織、可維護、可重用。 JavaScript...
2025年5月27日
Next