一、网络分层模型
  ∟ 五层模型详解
  ∟ 模型对比分析
  ∟ 数据传输流程
 
二、URL核心解析
  ∟ 标准格式解剖
  ∟ 路径认知误区
  ∟ URI与URL辨析
 
三、HTTP协议精要
  ∟ 协议基础特性
  ∟ 请求报文剖析
  ∟ 响应报文解读
  ∟ 开发工具实践
 
四、高频面试题集
五、扩展学习资源

一、网络分层模型

1. 五层架构详解

层级🔑 核心功能典型协议/地址
物理层物理信号传输(电/光信号)RS-232、RJ45
链路层局域网设备寻址(MAC地址)ARP、MAC地址
网络层广域网路由寻址(IP地址)IP、ICMP
传输层端到端可靠传输TCP、UDP
应用层应用程序通信规范HTTP、FTP、SMTP

2. 模型对比矩阵

+------------------+------------------------------+-----------------------------+
|                  | OSI七层模型                   | TCP/IP四层模型              |
+------------------+------------------------------+-----------------------------+
| 应用处理         | 拆分为会话层/表示层/应用层     | 合并为应用层                |
| 网络接口         | 拆分为物理层/数据链路层         | 合并为网络接口层            |
| 典型应用         | 理论教学                      | 实际网络工程                |
+------------------+------------------------------+-----------------------------+

3. 数据传输可视化流程

graph LR
A[应用层数据] --> B[添加TCP头部]
B --> C[添加IP头部]
C --> D[添加MAC头部]
D --> E[物理信号传输]
E --> F[接收方解封装]

二、URL深度解析

1. 标准格式分解

https://www.example.com:443/api/data?category=tech#section2
组件说明默认值/规则
协议通信协议规范http(80)/https(443)
域名服务器地址标识需DNS解析
路径资源逻辑定位(非物理路径)/index.html
查询参数URL编码键值对?name=张三&age=20
哈希前端锚点定位#chapter1

2. 路径认知误区

// 后端路由示例(Express框架)
app.get('/virtual/path', (req, res) => {
  res.send('路径仅表示资源逻辑标识');
});

💡 关键提示:服务器路径映射完全由程序控制,与文件系统无必然关联


三、HTTP协议精要

1. 协议特性矩阵

特性说明解决方案
无状态请求间无记忆性Cookie/Session
明文传输HTTP默认不加密HTTPS/TLS
持久连接HTTP/1.1默认特性Connection: keep-alive

2. 请求报文解剖

报文结构示例:​

POST /api/login HTTP/1.1
Host: api.example.com
Content-Type: application/json
Authorization: Bearer xyz123
 
{
  "username": "dev",
  "password": "securePass!"
}

核心组件解析

  1. 请求行

    • 方法:POST
    • 路径:/api/login
    • 协议版本:HTTP/1.1
  2. 请求头

    Content-Type: application/json  # 数据格式声明
    User-Agent: Mozilla/5.0          # 客户端标识
  1. 请求体

    {
      "username": "dev",
      "password": "securePass!"
    }

3. 响应报文模板

HTTP/1.1 200 OK
Content-Type: application/json
Cache-Control: max-age=3600
 
{
  "status": "success",
  "data": {...}
}

状态码速查表

代码类型典型场景
200✅ 成功正常响应
301🔀 永久重定向域名迁移
404❌ 客户端错误资源不存在
500💥 服务端错误服务器内部异常

四、🚀 高频面试题

  1. GET vs POST本质区别
    + GET :: 获取资源 | 参数在URL | 可缓存
    - POST :: 提交数据 | 参数在Body | 不缓存
  1. HTTPS加密原理

    1. 非对称加密交换密钥
    2. 对称加密传输数据
    3. 数字证书验证身份

五、扩展资源库

📚 推荐阅读:
- 《HTTP权威指南》- David Gourley
- 《计算机网络:自顶向下方法》- James Kurose
 
🌐 在线资源:
- MDN HTTP文档:https://developer.mozilla.org/zh-CN/docs/Web/HTTP
- RFC 7230规范:https://tools.ietf.org/html/rfc7230
 
​**明日预告**​:AJAX实战开发与Fetch API深度解析,请准备好VS Code环境!