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