Skip to content

响应式与状态变体:练习答案 ​

断点与移动优先 ​

断点组合要可读,触摸和键盘不能只做 hover。

hover/focus/data/aria 变体 ​

状态来源只有一个,不能 class 与 aria 各自表达不同事实。

动画、dark 与 reduced-motion ​

保留可用性和焦点,不能只隐藏动画却阻塞交互。

动画、dark 与 reduced-motion ​

参考核对:本题“动画、dark 与 reduced-motion”必须给出具体输入、可观察输出和失败分支;先运行正文示例,再改变一个条件,说明该框架 API 如何处理更新、清理或恢复。

断点与移动优先 ​

参考核对:本题“断点与移动优先”必须给出具体输入、可观察输出和失败分支;先运行正文示例,再改变一个条件,说明该框架 API 如何处理更新、清理或恢复。

hover/focus/data/aria 变体 ​

参考核对:本题“hover/focus/data/aria 变体”必须给出具体输入、可观察输出和失败分支;先运行正文示例,再改变一个条件,说明该框架 API 如何处理更新、清理或恢复。

用心记录每一步成长