过渡
Navigation API 无刷新导航与跨文档过渡协作实践
基于 Navigation API 实现无刷新导航,并通过 pageswap/pagereveal 与 View Transitions 协作,构建 MPA 级过渡体验。
React 19 Transition Tracing 与性能剖析实践
"使用 React 19 的 Transition Tracing 与 Profiler 收集过渡性能数据,结合 INP 指标与日志上报,定位交互卡顿并优化过渡与渲染路径。"
React 19 useDeferredValue 与列表交互响应性优化实践
"使用 useDeferredValue 将高开销列表渲染与用户输入解耦,配合过渡与虚拟化策略,降低交互延迟(INP)并提升整体响应性。"
View Transitions API 页面过渡与路由协作实践
系统化实践 View Transitions API,结合路由与 Navigation API 构建顺滑过渡并验证对体验与指标的提升。
CSS @starting-style 初始渲染过渡与闪烁治理实践
使用 `@starting-style` 定义初始渲染状态,平滑进入目标样式,减少 FOUC/闪烁并验证对交互就绪的提升。
Navigation API 无刷新导航与视图过渡协作实践
基于浏览器原生 Navigation API 构建无刷新导航与路由拦截,结合 View Transitions 协作实现页面过渡与状态保留,并验证兼容性与性能收益。
View Transitions API MPA 跨文档共享元素过渡实践
在多页面应用(MPA)中使用 View Transitions 构建共享元素过渡,提升导航体验并验证在历史恢复与回退中的一致性。
View Transitions API 无刷新页面过渡与导航体验优化实践
基于 View Transitions API 构建无刷新页面过渡与导航体验优化方案,在不破坏语义与可访问性的前提下验证对 INP/LCP 的提升。
View Transitions 与 @starting-style 首次渲染过渡与闪烁治理
结合 View Transitions 与 @starting-style 管理首次渲染过渡,减少 FOUC 与闪烁,保障视觉一致与可访问性。
