VueVue

逐步构建可安装、可离线运行、网络恢复自动同步的 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)三种核心模式的工作原理、适用场景与性能差异。配合真实代码演示如何配置渲染策略、优化首屏加载时间、处理缓存策略，打造极致用户体验。