输入网址后的 0.1 秒
1. DNS 解析 deeplearn.example.com → 76.76.21.21(服务器的 IP)
2. 建立连接 浏览器与服务器完成 TLS 握手(HTTPS 加密)
3. 发送请求 GET /roadmap/ HTTP/1.1
Host: deeplearn.example.com
4. 返回响应 200 OK + HTML 文档
5. 渲染页面 浏览器解析 HTML/CSS/JS,随后可能再发请求拿数据
这套「请求—响应」模型就是 HTTP。它有一个重要特征:无状态——服务器默认不记得上一次请求是谁发的,所以需要 Cookie、Token 等机制来维持登录态。
状态码:服务器的「表情」
| 状态码 | 含义 | 常见场景 |
|---|---|---|
| 200 | OK 成功 | 正常返回页面/接口数据 |
| 301/302 | 重定向 | 旧网址跳到新网址 |
| 404 | Not Found | 路径写错、页面已删除 |
| 500 | 服务器错误 | 服务端代码崩溃 |
本站 API 调试时看到 400 invalid payload,就是参数没通过校验——根据状态码定位问题,是前后端联调的基本功。
Git:给代码装上「时间机器」
git init # 初始化仓库
git add . # 改动放进暂存区
git commit -m '完成 AI 学习线内容' # 生成一次快照
git log --oneline # 查看历史
git push origin main # 推送到远程仓库(GitHub)
三个区域的关系:
工作区(你在改) → add → 暂存区(这次要提交的) → commit → 仓库(历史快照)
commit 是一次「存档」:任何时候都能查看、回退、对比。分支让你可以并行实验而不弄坏主线,push/pull 让多人协作成为可能——没有 Git,就没有现代开源世界。
💡 练习任务:本站代码就托管在 GitHub 上——clone 下来,改一句文案,走完 add → commit → push 全流程,网络与版本控制两章就都复习了。