回顾与练习

关键要点

• 每个应用都是四个部分：一个 frontend（用户看到的东西）、一个 backend（规则和逻辑）、一个数据库（数据持久存放的地方）、以及托管（这一切运行的地方）。frontend 从不直接碰数据库——它要经过 backend。
• 在浏览器里，HTML 是结构，CSS 是样式，JavaScript 是行为；代码通过改变 DOM 来改变页面。
• 你不用什么都自己写——包（由 npm 通过 package.json 和一个锁文件来管理）以依赖的形式提供了已经解决好的问题。
• 环境变量让密钥待在代码之外，并让同一份代码在 dev 和 prod 里都表现正确。
• 一个请求的流动是 frontend → 托管 → backend → 数据库再返回；说出一个问题住在哪一层，就解决了它的一半。

动手试试

挑一个你每天用的应用，大声地把一个动作沿着各层叙述一遍："我点了发送（frontend）→ 它去到他们的服务器（backend）→ 服务器检查我是否被允许并保存了这条消息（数据库）→ 然后聊天界面更新了（frontend）。" 然后猜猜下面每个问题住在哪一层：按钮看起来没对齐；应用说 "你还没登录"；昨天的一条消息不见了。把这种 "说出是哪一层" 练熟，正是这本书剩下部分所建立的那项技能。

本章的 prompt

我在学应用是怎么拼到一起的。这是我想要的一个功能：
<用一句话描述用户应该能够做什么>

在写任何代码之前，请帮我按层拆解它：
- Frontend：用户看到什么，以及什么会被发出去
- Backend：必须跑哪些规则/检查，以及在哪里跑
- Database：需要存储或读取哪些数据
- 涉及到的任何 env vars 或配置（尤其是密钥）

然后用编号的步骤描述从点击到结果的请求流动。
请用大白话——我想在写代码之前先理解它的样子。