本文主要讲一些 HTTP头部的信息

首先看一段 惊为天人 的文章。 来自于 《淘宝技术这十年》

总结一下就是,优秀的产品,每个细节都充满着技术。

这里具体阐述一下关于前端历程:

  1. 打开 www.taobao.com -> 浏览器查询 DNS 服务器(转换为IP地址)

  2. 成功访问,则我们产生了一个 PV(page view-页面访问).

  3. 很多人一起访问,负载均衡 变得尤为重要。
  4. HTML内容生成。浏览器准备加载 css、js、图片等样式、脚本和资源文件。

  5. 所以我们需要 CDN。

大厂果然不容易。

接下来进入正题,HTTP 头部怎么看?这里其实看一次很容易就忘了。。基本上只有经验多了,才能够熟悉

来吧,让我们去百度 搜一搜 前端有什么 鸟东西?他妈的真多,越学越多。无底洞!

当我在百度的 搜索框 输入了 前端 的时候

HTTP的学习记录(二)头部-LMLPHP

当我 加了个 1,但是并没有点搜索

HTTP的学习记录(二)头部-LMLPHP

我又加了个 2

HTTP的学习记录(二)头部-LMLPHP

同时我们还发现了 百度 人道的黑科技,那就是我们 还没有点 搜索 其实,百度已经在发送请求了。这就是 预读的技术!! 监听了用户的输入


下面停止我的 小学生 似的惊讶。成熟。成熟。我们开始 分析 HTTP 头部,它主要由四部分组成。

HTTP的学习记录(二)头部-LMLPHP

  • 通用头部
  • 响应头部
  • 请求头部
  • 查询字符串参数(有时候没有,不信你看看我这篇文章有没有,可能是你得点搜索)

1. 通用头部

HTTP的学习记录(二)头部-LMLPHP

  • Request URL 请求的URL地址
  • Request Method 请求方式
  • Status Code 状态码
  • Remote Address 路由地址
  • Referrer Policy 常用于 分析用户来源信息,也是 不安全因素。暴露了。

2. 响应头部

HTTP的学习记录(二)头部-LMLPHP

  • Cache-Control 服务器应该遵循的缓存机制

    • public 可以用 Cached 内容回应 任何用户
    • private 只能用缓存内容 回应 先前请求该内容的那个用户
    • no-cache 可以缓存,但只有 web 服务器验证了 有效之后,才返回给客户端
    • max-age 本响应包含的对象的过期时间
    • ALL no-store(不允许缓存)
  • Connection 是否需要 持久链接
    • close 连接已经关闭
    • keepalive 连接保持,等待后续连接
    • keep-Alive 如果浏览器保持连接,头部希望 Web 服务器有确定的时间。比如Keep-Alive: 300
  • Content-Encoding 服务器表明自己使用了什么 压缩方法 压缩响应中的对象
  • Content-Type 服务器表明自己响应的对象类型

3. 请求头部

HTTP的学习记录(二)头部-LMLPHP


  • Accept 告诉Web服务器自己接受什么介质类型。*/* 表示任何类型
  • Accept-Encoding 浏览器申明自己接受的编码方法
  • Accept-Charset 浏览器申明自己接受的字符集。
  • Accept-Language 浏览器申明自己接受的语言。

  • Connection 表示是否需要持久连接。具体同上。
  • Cookie 这是最重要的 请求头信息之一
  • Host 发送请求页面所在域
  • Referer 发送请求页面URL。浏览器告诉Web服务器自己从 哪个网页 获得/点击 的网址/URL。
  • User-Agent 浏览器表明自己的身份。

4. 查询头部

HTTP的学习记录(二)头部-LMLPHP

这里主要 定义 被传送资源的信息。

05-26 15:32