Elaine 粼粼的林林總總

🤖技術

33免費公開
資訊工程相關內容分享
全部類型
免費與付費
最新發佈
最新發佈
avatar-avatar
Elaine 粼粼
2026/04/25
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略,協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/04/25
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略,協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/04/12
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能,將翻譯檔改為非同步載入,有效減少 JavaScript 包裹體積,加快網頁載入速度,並方便進行多語言維護。
avatar-avatar
Elaine 粼粼
2026/04/12
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能,將翻譯檔改為非同步載入,有效減少 JavaScript 包裹體積,加快網頁載入速度,並方便進行多語言維護。
avatar-avatar
Elaine 粼粼
2026/04/05
本篇文章記錄如何結合 react-router-dom 與 i18next,讓網址能自動與網站的語言狀態同步,提升 SEO 並優化使用者體驗,使 URL 成為語言狀態的單一真相來源。
avatar-avatar
Elaine 粼粼
2026/04/05
本篇文章記錄如何結合 react-router-dom 與 i18next,讓網址能自動與網站的語言狀態同步,提升 SEO 並優化使用者體驗,使 URL 成為語言狀態的單一真相來源。
avatar-avatar
Elaine 粼粼
2026/03/28
本文記錄如何在 React 專案中用 i18next、react-i18next 和 i18next-browser-languagedetector 套件實現網站多語系。涵蓋建立翻譯檔、初始化 i18next ,及在 React 元件中使用 useTranslation 進行內容翻譯與語言切換。
avatar-avatar
Elaine 粼粼
2026/03/28
本文記錄如何在 React 專案中用 i18next、react-i18next 和 i18next-browser-languagedetector 套件實現網站多語系。涵蓋建立翻譯檔、初始化 i18next ,及在 React 元件中使用 useTranslation 進行內容翻譯與語言切換。
avatar-avatar
Elaine 粼粼
2026/03/21
本文分享如何在 React 專案中實作 Dark Mode,利用 CSS Variables 簡化主題切換,並詳述解決 StrictMode 導致的初始化陷阱,採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取,提供一個穩定可靠的深色模式解決方案。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/21
本文分享如何在 React 專案中實作 Dark Mode,利用 CSS Variables 簡化主題切換,並詳述解決 StrictMode 導致的初始化陷阱,採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取,提供一個穩定可靠的深色模式解決方案。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/14
本篇文章介紹如何在 React 專案中使用 react-markdown 套件,將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/14
本篇文章介紹如何在 React 專案中使用 react-markdown 套件,將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/03
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404,記錄下 debug 的過程。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/03
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404,記錄下 debug 的過程。
Thumbnail
全部類型
免費與付費
最新發佈
最新發佈
avatar-avatar
Elaine 粼粼
2026/04/25
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略,協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/04/25
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略,協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/04/12
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能,將翻譯檔改為非同步載入,有效減少 JavaScript 包裹體積,加快網頁載入速度,並方便進行多語言維護。
avatar-avatar
Elaine 粼粼
2026/04/12
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能,將翻譯檔改為非同步載入,有效減少 JavaScript 包裹體積,加快網頁載入速度,並方便進行多語言維護。
avatar-avatar
Elaine 粼粼
2026/04/05
本篇文章記錄如何結合 react-router-dom 與 i18next,讓網址能自動與網站的語言狀態同步,提升 SEO 並優化使用者體驗,使 URL 成為語言狀態的單一真相來源。
avatar-avatar
Elaine 粼粼
2026/04/05
本篇文章記錄如何結合 react-router-dom 與 i18next,讓網址能自動與網站的語言狀態同步,提升 SEO 並優化使用者體驗,使 URL 成為語言狀態的單一真相來源。
avatar-avatar
Elaine 粼粼
2026/03/28
本文記錄如何在 React 專案中用 i18next、react-i18next 和 i18next-browser-languagedetector 套件實現網站多語系。涵蓋建立翻譯檔、初始化 i18next ,及在 React 元件中使用 useTranslation 進行內容翻譯與語言切換。
avatar-avatar
Elaine 粼粼
2026/03/28
本文記錄如何在 React 專案中用 i18next、react-i18next 和 i18next-browser-languagedetector 套件實現網站多語系。涵蓋建立翻譯檔、初始化 i18next ,及在 React 元件中使用 useTranslation 進行內容翻譯與語言切換。
avatar-avatar
Elaine 粼粼
2026/03/21
本文分享如何在 React 專案中實作 Dark Mode,利用 CSS Variables 簡化主題切換,並詳述解決 StrictMode 導致的初始化陷阱,採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取,提供一個穩定可靠的深色模式解決方案。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/21
本文分享如何在 React 專案中實作 Dark Mode,利用 CSS Variables 簡化主題切換,並詳述解決 StrictMode 導致的初始化陷阱,採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取,提供一個穩定可靠的深色模式解決方案。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/14
本篇文章介紹如何在 React 專案中使用 react-markdown 套件,將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/14
本篇文章介紹如何在 React 專案中使用 react-markdown 套件,將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/03
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404,記錄下 debug 的過程。
Thumbnail
avatar-avatar
Elaine 粼粼
2026/03/03
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404,記錄下 debug 的過程。
Thumbnail