可访问性
Pointer Events:统一输入模型与压感
使用 Pointer Events 统一鼠标、触控与触控笔输入,读取类型与压感,并配合捕获与无障碍策略提升交互质量。
Popover API 原生弹层:无框架交互与可访问性
介绍 Popover API 的使用与可访问性特性,利用原生定位与状态管理实现可靠的弹层交互并减少 JS 复杂度。
Keyboard API:快捷键锁定与输入治理
使用 Keyboard API 锁定系统快捷键并治理输入事件,结合焦点与可访问性策略,提升沉浸式应用体验与稳定性。
Popover API 实战:锚定弹出层的无障碍与性能
介绍 Popover API 的语法与锚定能力,结合焦点管理与无障碍、样式与性能注意,为菜单/提示/对话等弹出层给出工程实践。
HTML Popover API 无障碍与交互设计实践
"基于 HTML Popover API 构建无障碍、可控的浮层交互,统一焦点与关闭策略,提升用户体验并确保可验证实现。"
ScrollTimeline 与 ViewTimeline 页面滚动驱动动画实践
"使用 ScrollTimeline 与 ViewTimeline 实现滚动驱动动画与视图时间线,构建高性能、可访问的页面交互体验,并提供降级与性能治理建议。"
CSS :has() 选择器交互模式与性能治理实践
"系统化使用 CSS :has() 选择器实现父级条件样式与交互模式(表单校验、菜单联动等),并提供选择器范围控制与性能治理建议,兼顾可访问性与降级策略。"
ARIA Live Regions 异步加载与状态反馈无障碍实践
"使用 ARIA Live Regions 为异步加载与状态变更提供实时反馈,结合角色与优先级设置,提升屏幕阅读器与键盘用户的体验一致性。"
HTMX 服务端驱动交互与渐进增强实践
"以 HTMX 的服务端驱动交互模式为核心,落地无需 SPA 的局部更新与渐进增强,提升开发效率与可访问性,并以真实场景验证性能与稳定性。"
