本章进度 15 / 18
83%
Vibe Coding 实战·练习·18 分钟
正文已完成

写一份从症状到根因的调试记录

保存复现、假设、证据、修复和回归结果,让同类问题下次更快定位。

L272
为什么现在学

现在把“调试定位”用于一次具体操作,检查你能否独立做出并修正结果。

本课会用什么
  • 按本课练习说明准备真实材料
  • 保留练习与复盘记录

调试记录不是流水账。它应解释为什么会发生、什么条件触发、为什么这个修复有效以及如何防止复发。

这一课的结果

能提交一份区分根因、触发条件和修复证据的调试记录。

核心概念

先把关键判断说清楚

01

根因与触发条件分开

窄屏是触发条件,错误层级规则才可能是根因;二者混淆会导致错误修复。

02

记录被推翻的假设

简要保留关键排除证据,避免后来者重复走同一条路。

03

修复必须有回归保护

将最小复现变成自动测试或稳定检查,防止同类问题悄悄回来。

案例拆解

目录遮罩问题的完整记录

问题只在窄屏打开目录时出现,最初被误判为点击事件失效。

  1. 01

    事件日志证明点击已触发,推翻事件假设

  2. 02

    样式读回显示遮罩层级高于目录

  3. 03

    修复层级并加入移动视口交互测试

案例结果

记录把症状、证据、根因和防复发措施连成一份可复核结论。

提交前练习

现在轮到你

把一次已解决问题整理成可复用调试记录。

完成本课需要:完成以下内容用于本课收口。

内容会自动保存在当前设备
查看参考答案与评分标准

参考答案

窄屏打开目录后不可点;点击事件正常,层级读回异常;根因为遮罩 z-index 高于抽屉;调整层级并新增 375px 端到端测试。

评分标准

  • 根因解释完整因果链
  • 记录关键排除证据
  • 修复后有回归保护

本课收口 · 学习证据

留下完整学习证据

读完内容、完成练习、通过理解检查并留下 12 字以上总结,才记为已验证。

0 / 4
02完成本课必填练习0 / 4 项必填内容已填写03通过理解检查点此去回答,约 30 秒
04写下 12 字以上总结还差 12 字
“只在 375px 宽度出现”更可能属于什么?
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。

资料来源

继续核对与延伸阅读

本课内容最近更新于 。