前端技術
收錄前端領域的技術筆記，涵蓋框架、工程化、樣式、效能與瀏覽器原理，隨學習持續補充。
已收錄
- Vue 3 — 組合式 API、響應式原理、生態選型
- React — 核心概念、Hooks、狀態管理
- 建置工具 — Vite、Webpack 與工程化設定
- 樣式方案 — Tailwind / UnoCSS、CSS 現代特性
- 測試 — Vitest、元件測試與 E2E
規劃清單
| 主題 | 說明 | 狀態 |
|---|---|---|
| Vue 3 | 響應式原理、Composition API、生態（Pinia/Router/VueUse） | 規劃中 |
| React | Hooks 心智模型、並發特性、狀態管理選型 | 規劃中 |
| Angular | 模組化架構、依賴注入、RxJS 響應式程式設計 | 規劃中 |
| Svelte | 編譯時期框架、細粒度響應、SvelteKit 全端 | 規劃中 |
| Astro | 內容優先的島嶼架構、靜態網站生成 | 規劃中 |
| TypeScript 在工程中的實踐 | 型別體操、泛型進階、工程化約束 | 規劃中 |
| 建置工具 | Vite 外掛機制、Webpack 原理、程式碼分割與快取 | 規劃中 |
| 樣式方案 | Tailwind / UnoCSS、CSS Modules、設計權杖 | 規劃中 |
| 效能最佳化 | 渲染效能、打包體積、首屏指標（LCP/INP） | 規劃中 |
| 瀏覽器原理 | 渲染管線、事件循環、儲存與安全 | 規劃中 |
| 微前端與架構 | 模組聯邦、Monorepo 組織 | 規劃中 |
| 測試 | 單元/元件/E2E 測試策略 | 規劃中 |
| 前端安全 | XSS、CSRF 與依賴供應鏈安全 | 規劃中 |
寫作規範
- 每篇聚焦一個技術點，包含「核心概念 → 程式碼範例 → 常見坑 → 參考連結」；
- 程式碼範例必須可執行，註明適用版本；
- 檔名用短橫線命名（如
vue-reactivity.md），新增後登記到config.mjs側邊欄。