AIAI学习站
继续学习
本章进度 13 / 18
72%
Vibe Coding 实战·理解·10 分钟
正文已完成

先复现，再猜原因

固定输入、环境和观察结果，把偶发现象变成可重复的最小失败。

L270
为什么现在学

先用本课建立“调试定位”的基本直觉，后面的判断和练习才不会只靠记结论。

本课会用什么
  • 无需安装新工具
  • 直接阅读并完成本页理解检查

没有稳定复现，任何修复都可能只是碰巧让症状消失。调试第一步是把问题从描述变成实验。

这一课的结果

能写出包含前置条件、操作步骤、实际结果和预期结果的复现记录。

核心概念

先把关键判断说清楚

01

记录精确前置条件

版本、账号状态、数据、视口和网络等差异可能决定问题是否出现。

02

一次只变一个变量

同时换浏览器、清缓存和改代码会失去因果线索。

03

区分实际与预期

不要只写坏了；写出看到了什么以及根据需求本应发生什么。

案例拆解

移动端偶尔打不开目录

描述只有“手机上不行”，不同人尝试得到不同结果。

  1. 01

    固定为 375px 视口、已完成一课的本地状态和具体页面

  2. 02

    记录点击菜单后的 DOM 与滚动状态

  3. 03

    只改变视口宽度确认触发边界

案例结果

问题稳定收敛到特定断点下的遮罩层级。

提交前练习

现在轮到你

把一个模糊 bug 描述改写成可重复实验。

选做练习：本节练习可用于加速你巩固，但不影响继续学习。

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

参考答案

375px、课程页、目录关闭；点菜单一次；遮罩出现但目录在其下不可点；预期目录在遮罩上并可操作。

评分标准

  • 别人能按步骤复现
  • 一次只依赖明确条件
  • 实际与预期可观察

本课收口 · 理解检查

用 30 秒确认你理解了

用 30 秒理解检查确认你抓住了重点；阅读标记、练习和总结都不设硬门槛。

0 / 1
02完成练习（选做）0 / 4 项已填写，不影响完成03通过理解检查点此去回答，约 30 秒
04补一句总结（可选）可以留空，不影响完成本课。
复现问题时为什么不应同时清缓存、升级依赖和改代码？
你现在更接近哪一种状态？
尚有必填项未完成，请补齐后再继续。

资料来源

继续核对与延伸阅读

本课内容最近更新于 。