Elaine 粼粼
9 位追蹤者
Elaine 粼粼
9 位追蹤者
努力進化的工程師。喜歡嘗試新事物，透過寫部落格的方式督促自己，讓自己在學習新事物時保持熱情與動力，也希望分享的內容能給大家帶來樂趣或幫助~
全部內容
由新到舊
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能，將翻譯檔改為非同步載入，有效減少 JavaScript 包裹體積，加快網頁載入速度，並方便進行多語言維護。
本篇文章記錄如何結合 react-router-dom 與 i18next，讓網址能自動與網站的語言狀態同步，提升 SEO 並優化使用者體驗，使 URL 成為語言狀態的單一真相來源。
本文記錄如何在 React 專案中用 i18next、react-i18next 和 i18next-browser-languagedetector 套件實現網站多語系。涵蓋建立翻譯檔、初始化 i18next ，及在 React 元件中使用 useTranslation 進行內容翻譯與語言切換。
本文分享如何在 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 如何利用原型建立共用方法，達到程式碼重用與節省記憶體的效果。
