~/VibeHandbook
$39

03 · 10

回顾与练习

关键要点

  • 网络就是一支不断重复的简单舞蹈:客户端(通常是浏览器)发出请求服务器返回响应。其余的一切都只是叠加在这之上的细节。
  • 是带标签的几个部分拼接而成——scheme、host、path、query。方法就是动词:GET 读取,POST 创建,PUT 更新,DELETE 删除。
  • 状态码是服务器一眼给出的判定。4xx/5xx 之分告诉你该往哪儿看:4xx 意味着请求错了(URL 不对),5xx 意味着服务器自己的代码出了问题。
  • (小锁)把对话封起来,让中间任何人都读不到——真正的应用始终使用它。Cookie 是网站跨多个请求记住你已登录的方式。
  • 你的前端是客户端(在浏览器里运行),你的后端是服务器(运行你的逻辑并与数据库对话)。你构建的每个功能都处在这支舞蹈的某一侧。

动手试试

打开任意一个网站,然后打开浏览器的开发者工具(右键 →"检查",再切到"Network/网络"标签)。刷新页面。看着请求列表被填满——你会看到一个页面请求,紧接着是为图片、字体和样式发出的几十个请求,正如前文所述。点开其中一个,看它的方法(GET)、状态码(但愿是 200)和标头。你现在正实时看着请求/响应这支舞蹈上演,而且具备了读懂它的词汇。

本章提示词

I'm learning how the web works as a beginner. Using my own app as the example:
<describe your app, or paste a URL or an error you're seeing>

- Walk me through the request/response cycle for one specific action
  (like loading a page or submitting a form), step by step.
- Tell me which part is the client (frontend) and which is the server (backend).
- If I'm seeing a status code or error, explain whether it's a 4xx (my
  request was wrong) or a 5xx (the server broke), and where to look.
- Keep it concrete and beginner-friendly — no assumed knowledge.

想离线阅读?

获取 PDF + EPUB + 可下载的提示词库 + 版本更新。

$ 获取 PDF — $39