Vue

逐步構建可安裝、可離線運行、網絡恢復自動同步的 Progressive Web App：Service Worker 緩存策略（Cache First / Stale-While-Revalidate）、IndexedDB 封裝結構化本地數據、Background Sync 後台隊列在用戶離線操作後網絡恢復時自動提交變更，附完整 TS 代碼。

Tailwind CSS v4 是一次架構級升級：徹底拋棄 tailwind.config.js，用 @theme 塊在原生 CSS 文件聲明設計令牌；新增 @import "tailwindcss" 單入口代替 postcss.config；內置 CSS 變量、容器查詢原生支持、oxc 引擎提速 10-40 倍、顏色函數簡化。

徹底掌握現代響應式 CSS：Container Queries 讓元件基於父容器尺寸自適應（而非視口），配合 :has() 父選擇器實現依賴後代狀態的樣式變化，徹底改變元件化響應式設計範式。

Vue 3 的組合式 API (Composition API) 徹底改變了 Vue 組件的組織方式。本文通過構建一個複雜的電商篩選器組件，演示 ref/reactive 的選擇、computed/watch 的合理使用、自定義組合函數 (Composable) 的抽離原則、生命週期鉤子的時機以及 provide/inject 進行跨層級狀態傳遞的正確姿勢。

Nuxt 3 基於 Vue 3 和 Vite 構建，帶來了全新的渲染引擎 Nitro。本文深入剖析服務端渲染(SSR)、靜態站點生成(SSG)、增量靜態再生(ISR)三種核心模式的工作原理、適用場景與性能差異。配合真實代碼演示如何配置渲染策略、優化首屏加載時間、處理緩存策略，打造極致用戶體驗。