Skip to content

练习:跟着一个按钮走

  1. 打开项目页面,用 Elements 选中一个按钮。
  2. 在仓库搜索按钮文字,找到对应组件。
  3. onClick 绑定哪个函数,记下函数名。
  4. 搜索函数定义,逐行看它修改 state、调用 store 还是调用 fetch
  5. 如果有 fetch,记下 URL 和方法,到后端搜索同一个 URL。
  6. 读后端收到什么、检查什么、调用什么、返回什么。
  7. 回到前端,看响应最后怎样改变页面。

没有 fetch 时不要硬找后端。它可能只是改 UI 或 localStorage。可用 manga_studio 新建项目 对照练习。

搜索不到按钮文字时,可以继续找什么?

答案:找 Elements 中的 aria-label、组件名、图标名,或从页面入口沿组件树往下。

写给想驾驭 AI,而不只是依赖 AI 的 Vibe Coder。