Storybook×Vitest 组件测试集成实战
引言Storybook 与 Vitest 合作以简化组件测试的设置；在 8.x 奠定基础后，9 版本进一步强化测试支持并推出 Storybook Test 能力。官方进展（已验证）组件测试：官方博客介绍基于 Vitest 的组件测试，覆盖交互、可访问性、视觉测试与覆盖报告，还有测试小部件自动运行。来
实战
Subresource Integrity（SRI）实战指南：防第三方资源污染
介绍 SRI 的工作机制与使用规范，结合跨域策略与缓存要求，确保第三方脚本/样式在被篡改时被浏览器拒绝加载。
Supabase Auth v2 与多租户与 RLS 实战
引言Supabase Auth v2 提供更完善的认证与会话管理；结合 RLS 可实现基于租户/用户的细粒度数据隔离，适用于 SaaS 场景。能力与实践（已验证）Auth v2：支持更稳定的 JWT 与会话刷新、OAuth 集成与策略管理。来源：Supabase 官方 Auth 文档。RLS：在 P
Supabase Edge Functions 定时任务与 Scheduler 实战
引言Supabase 支持对 Edge Functions 进行定时触发（Cron），用于周期性同步、清理与报表等任务；需合理配置权限与速率限制。能力与配置（已验证）定时触发：在项目中为指定函数设置 Scheduler（Cron 表达式）进行周期触发。来源：Supabase Functions/Sc
Supabase Realtime 与 Edge Functions 逻辑复制实战
引言Supabase 将 Postgres 的逻辑复制能力封装为 Realtime 服务，结合 Edge Functions 与通道过滤，可在边缘实现低延迟的实时应用。能力与用法（已验证）Realtime 原理：基于 Postgres 逻辑复制，针对表/通道进行订阅，支持插入/更新/删除事件与过滤。
Supabase Storage 与 RLS 与签名URL实战
引言Supabase Storage 提供基于 Postgres 的权限模型与对象存储；结合 RLS 与签名 URL，可在 SaaS 与移动端场景实现安全的文件访问。能力与用法（已验证）RLS 控制：通过与 `auth.uid()`/租户字段绑定的策略控制对象访问；与数据库行级安全一致。来源：Sup
Web Components 与 Shadow DOM 实战（封装、样式隔离与性能）
使用原生 Web Components 与 Shadow DOM 实现封装与样式隔离，兼顾性能与可维护性，并提供验证方法。
View Transitions API 实战：无刷新页面与路由过渡
介绍 View Transitions API 的能力与使用模式，在 SPA/MPA 中实现无刷新页面过渡与共享元素动画，提升交互品质与性能。
Vite Plugin Inspect 与性能剖析实战
引言在 Vite 项目中，变换链路与插件次序对构建性能与产物影响显著；`vite-plugin-inspect` 提供可视化与交互式查看以辅助优化。能力与用法（已验证）插件可视化：展示插件列表、钩子调用与每个模块的变换情况。来源：GitHub 项目说明。性能观测：查看每个插件的处理耗时与输出，定位慢
Vercel Postgres × Drizzle ORM Edge 模式实战
引言Vercel Postgres 为边缘提供托管数据库；Drizzle ORM 提供类型安全的 SQL；在 Edge Runtime 中需注意连接与兼容策略以确保低延迟与稳定性。能力与实践（已验证）Edge Runtime 约束：仅支持 Web 标准 API 与受限的 Node 能力；需使用官方
