共 10 份内容
前端开发·入门
登录表单验证：把本地提示和服务端结果分开
以邮箱密码登录为例，区分字段格式、认证失败和连接中断，组织可访问的错误文本与提交状态，保留输入并防止重复请求，明确前端校验和真正身份验证之间的职责边界。
前端开发·进阶
弹窗键盘焦点：打开、循环与返回
以收藏到清单的模态弹窗为例，明确初始焦点、关闭方式、背景交互与返回位置，优先采用原生对话框能力，再针对长内容和触发元素消失补齐检查，避免键盘用户迷失在浮层中。
前端开发·进阶
商品规格选择：让价格、库存和按钮保持一致
围绕数字素材的授权规格实现选择状态，将价格摘要、可用性和购买动作从同一份数据推导，处理切换后的旧请求、售罄反馈与服务端再次确认，避免界面展示彼此矛盾的信息。
前端开发·进阶
SSR 与公开摘要：让内容可发现且守住可见范围
以公开教学案例详情为例，将标题、摘要、正文和个人操作分层渲染，比较服务端输出与客户端增强，检查页面源码、响应状态和缓存边界，避免把私有草稿混入公开页面或共享缓存。
前端开发·进阶
表格搜索、排序、分页如何共享一套查询状态
以案例管理表为例，把关键词、排序和分页组织成可重建的查询状态，规定筛选后回到首页、稳定排序及请求竞态处理，区分当前页和全部结果，保留清楚的表格语义。
前端开发·进阶
主题切换：系统偏好、个人选择与首屏一致
为内容阅读页建立跟随系统、浅色和深色三种主题偏好，分离用户意图与最终颜色，处理初始渲染、持久化失败和偏好变化，使用语义变量检查文字、边框及图表在两种主题下的表现。