前端開發
含有「前端開發」共 118 篇內容
全部內容
發佈日期由新至舊
React 是由 Facebook 開發的開源 JavaScript 前端函式庫，特色是把畫面切成一塊一塊的「元件」，就像積木一樣，可以重複使用、自由組合。當資料改變時，React 會自動幫你更新畫面，不需要手動操作。FB、IG 等網站都是用 React 打造的，也是現在最熱門的前端技術之一。
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略，協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
分頁是控制資料載入與呈現的關鍵技術，能有效降低延遲、減少記憶體消耗並優化渲染效能。本文將深入解析前端分頁與後端分頁的實現方法、優缺點，並提供適用情境建議，幫助你選擇最適合的分頁策略。
開發 Node.js 專案時，常困惑於全域與本地套件的差別，甚至被 npm list 的紅字報錯困擾。本文帶你快速區分 npm list 與 -g 的作用範圍，並提供針對 extraneous 與 invalid 錯誤的實戰解決方案，助你遠離依賴地獄。
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能，將翻譯檔改為非同步載入，有效減少 JavaScript 包裹體積，加快網頁載入速度，並方便進行多語言維護。
本篇文章記錄如何結合 react-router-dom 與 i18next，讓網址能自動與網站的語言狀態同步，提升 SEO 並優化使用者體驗，使 URL 成為語言狀態的單一真相來源。
不需後端伺服器也能玩轉 AI？Hugging Face 的 Static 模板讓應用直接在瀏覽器運行。本文解析從 React、Vue 到黑科技 Gradio-Lite 等七大模板，助你精準選型，打造低成本、高效能的 AI 網頁應用，開啟前端開發新視角！
本文分享如何在 React 專案中實作 Dark Mode，利用 CSS Variables 簡化主題切換，並詳述解決 StrictMode 導致的初始化陷阱，採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取，提供一個穩定可靠的深色模式解決方案。
本篇文章介紹如何在 React 專案中使用 react-markdown 套件，將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
前一篇文章介紹了 JavaScript 中的 class 及語法，本篇文章將延續上一篇的基礎，進一步深入了解 extends 如何建立繼承關係、super() 在建構子中的角色、super.method() 如何搭配覆寫（override）使用。