View Transitions API 实战：无刷新页面与路由过渡

概述View Transitions API 将 DOM 状态切换与动画帧管理封装为统一流程，支持从旧视图到新视图的有序过渡与共享元素动画，适用于 SPA 与 MPA 链接导航。使用（已验证）`document.startViewTransition(() => {/ 更新 DOM /})` 挂钩 DOM 切换与过渡（来源）CSS `::view-transition-group(name)`/`::view-transition-image-pair(name)` 定义共享元素动画（来源）MPA：为内部链接启用自动过渡，或在服务端标注共享元素名称（来源）建议性能：避免过多共享元素；结合 GPU 加速与合成层可访问性：尊重“降低动效”系统设置