原生 dialog 对话框体系与可访问性实践 基于原生 dialog 元素构建对话框体系,完善焦点管理与遮罩控制,提供一致的 A11y 与降级方案。 工程实践 2026年02月13日 0 点赞 0 评论 13 浏览
动态视口单位 svh/lvh/dvh 移动端可视高度适配实践 使用 `svh/lvh/dvh` 动态视口单位精准适配移动端浏览器工具栏与软键盘变化,避免布局跳动并提升交互稳定性。 工程实践 2026年02月13日 0 点赞 0 评论 13 浏览
共享元素命名与布局稳定性治理:view-transition-name 规范与冲突避免 制定共享元素命名与样式规范,避免跨文档过渡中的命名冲突与错位,保障动画一致性与布局稳定性。 文档与规范 2026年02月13日 0 点赞 0 评论 18 浏览
View Transitions 性能优化清单:重排绘制与合成层治理 针对视图过渡的性能优化清单,从重排/重绘控制到合成层策略,提供工程化度量与示例以降低主线程负载与提升 INP。 性能优化 2026年02月13日 0 点赞 0 评论 16 浏览
View Transitions 与 Speculation Rules 预渲染协作实践 通过 Speculation Rules 的 prerender/prefetch 与 View Transitions 跨文档过渡协作,验证导航即时性与过渡连贯性提升。 工程实践 2026年02月13日 0 点赞 0 评论 12 浏览
View Transitions 与 Popover-Anchor Positioning 组合交互与避障实践 将 View Transitions 与 Popover/Anchor Positioning 组合使用,确保弹层与共享元素在过渡中的对齐与避障,提升交互一致性。 工程实践 2026年02月13日 0 点赞 0 评论 19 浏览
View Transitions 与 Playwright 端到端测试与过渡验证 在端到端测试中对视图过渡进行验证与稳定化处理,包含禁用动画、等待过渡完成与视觉回归对比策略。 软件测试 2026年02月13日 0 点赞 0 评论 15 浏览
View Transitions DevTools 调试与伪元素诊断实践 面向 View Transitions 的调试方法与伪元素诊断技巧,定位命名匹配、闪烁与样式覆盖问题,并结合性能面板验证主线程负载。 工程实践 2026年02月13日 0 点赞 0 评论 12 浏览
View Transitions API MPA 跨文档共享元素过渡实践 在多页面应用(MPA)中使用 View Transitions 构建共享元素过渡,提升导航体验并验证在历史恢复与回退中的一致性。 工程实践 2026年02月13日 0 点赞 0 评论 14 浏览
URLPattern 路由匹配与安全过滤实践 使用 URLPattern 进行客户端与服务端一致的路由匹配与参数提取,配合 Navigation API 拦截与安全过滤,保证无刷新导航的可靠与可控。 安全 2026年02月13日 0 点赞 0 评论 12 浏览