Elaine 粼粼
9 位追蹤者
Elaine 粼粼
9 位追蹤者
努力進化的工程師。喜歡嘗試新事物，透過寫部落格的方式督促自己，讓自己在學習新事物時保持熱情與動力，也希望分享的內容能給大家帶來樂趣或幫助~
全部內容
由新到舊
本文分享如何在 React 專案中實作 Dark Mode，利用 CSS Variables 簡化主題切換，並詳述解決 StrictMode 導致的初始化陷阱，採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取，提供一個穩定可靠的深色模式解決方案。
本篇文章介紹如何在 React 專案中使用 react-markdown 套件，將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404，記錄下 debug 的過程。
前一篇文章介紹了 JavaScript 中的 class 及語法，本篇文章將延續上一篇的基礎，進一步深入了解 extends 如何建立繼承關係、super() 在建構子中的角色、super.method() 如何搭配覆寫（override）使用。
「白領工作即將被 AI 取代」、「AI 取代軟體工程師」，諸如此類的聳動文章或新聞標題你一定看過，或許也被這樣的資訊給震懾到，甚至感到焦慮與恐懼，但是，有這麼容易被取代嗎?
探討 JavaScript ES6 推出的 class 語法，其本質上是基於原型的語法糖。文章從建構函式概念出發，對比其與 class 的 constructor 差異，透過實際程式碼驗證 class 內部方法屬於原型物件。說明 class 作為 function 的特性以及其不會被提升的重要區別。
本文探討 JavaScript 中的原型 (prototype) 與原型鏈 (prototype chain)，解釋物件如何從原型繼承屬性與方法，以及屬性查找機制。說明建構函式 與 new 如何利用原型建立共用方法，達到程式碼重用與節省記憶體的效果。
前一篇文章中，我們學會了版本控制、建立了第一個版本節點，但對於其中細節並沒有特別解釋，你可能也會很想知道：「所以，commit 到底是什麼？」今天這篇文章，我們就來真正理解 commit 的本質，以及它在 Git 世界中到底有多重要。
JavaScript 的 this 總是讓人困惑嗎? 本文詳細解析 5 大綁定規則 (預設、隱式、new、顯式、DOM 事件)，包含 call/apply/bind 方法借用、setTimeout 經典陷阱，以及箭頭函式如何完美解決 this 問題。
本文深入介紹 JavaScript 物件(Object)的核心概念，說明屬性與方法的定義方式、物件字面值與建構函式搭配 new 的差異。同時整理物件的存取方式（dot 與 bracket）、新增、修改、刪除屬性與遍歷技(Object.keys、values、entries)。
