第十四章-http面试题

题目：

• http 常见的状态码有哪些？
• http 常见的 header 有哪些？
• 什么是 Restful API？
• 描述一下 http 的缓存机制（重要）

http 状态码

状态码分类

• 1xx 服务器收到请求
• 2xx 请求成功，如 200
• 3xx 重定向（到某一个地址不被允许，重新定向到另一个地址，浏览器做），如 302
• 4xx 客户端错误（客户端请求的地址不存在），如 404
• 5xx 服务端错误（服务端报错、挂掉之类），如 500

常见的状态码

• 200 成功
• 301 永久重定向（配合location，浏览器自动处理。）
  • 场景：旧的地址不再使用，浏览器访问返回 301 和 location 地址，重新定向到新地址，浏览器下次访问时直接到新的地址，不再访问旧的地址
• 302 临时重定向（配合 location，浏览器自动处理。）
  • 场景：浏览器访问时根据 302 状态码和 location 携带的新地址，重新定向到新地址，但下次访问时还会访问之前的地址。
  • 实例：在百度上搜索某项内容，实际上会先跳转到百度内部的网址，然后服务端返回302状态码，以及 location 携带的新的网址，浏览器就会重定向到目标内容的网址。
• 304 资源未被修改：可以使用本地缓存，不会再次发起请求
• 404 资源未找到
• 403 没有权限
• 500 服务器错误
• 504 网关超时

Restful API

传统的 methods

• get 获取服务器的数据
• post 向服务器提交数据
• 简单的网页功能，就这两个操作

现在的 methods

• get 获取数据
• post 新建数据
• patch/put 更新数据
• delete 删除数据

Restful API

• 一种新的 API 设计方法（早已推广使用）
• 传统 API 设计：把每个 url 当作一个功能
• Restful API 设计：把每个 url 当作一个唯一的资源

如何设计成一个资源？

• 尽量不用 url 参数
  • 传统 API 设计： /api/list?pageIndex=2
  • Restful API 设计：/api/list/2
• 用 methods 表示操作类型
  • 传统 API 设计：
    • post 请求 /api/create-blog
    • post 请求 /api/updata-blog?id=100
    • get 请求 /api/get-blog?id=100
  • Restful API 设计:
    • post 请求 /api/blog
    • patch 请求 /api/blog/100
    • get 请求 /api/blog/100

常见的http headers

常见的 Request Headers（请求头）

• Accept 浏览器可接收的数据格式
• Accept-Encoding 浏览器可接收的压缩算法，如gzip
• Accept-Language 浏览器可接收的语言，如 zh-CN
• Connection：值为keep-alive，一次TCP连接可重复使用
• cookie
• Host 请求的域名
• User-Agent(UA) 浏览器信息
• Content-type 发送数据的格式，如 application/json

常见的 Response Headers（响应头）

• Content-type 返回数据的格式，如 application/json
• Content-length 返回数据的大小，多少字节
• Content-Encoding 返回数据的压缩算法，如 gzip
• Set-Cookie

缓存相关的 headers

• Cache-Control
• Expires
• Last-Modified
• If-Modified-Since
• Etag
• If-None-Match

http 缓存

缓存介绍

缓存：把没有必要请求的内容，缓存一份，就不用浪费资源去发起请求了。

为什么需要缓存？

让页面加载更快。网络请求加载速度比较慢，因此尽量减少网络请求可以让页面加载速度更快

哪些资源可以被缓存？静态资源（js css img）

强制缓存-Cache-Control

• 由服务端在 Response Headers 中设置
• 控制强制缓存的逻辑
• 例如 Cache-Control: max-age=31536000(单位秒)设置缓存的时间

cache-control 的取值：

• max-age：最长缓存时间
• no-cache：不用本地缓存，到服务端请求
• no-store：不用本地缓存，而且不用服务端的缓存
• private：最终用户缓存
• public：允许中间的路由缓存

协商缓存( Etag 和 Last-Modified )

• 服务端缓存策略
• 服务端判断客户端资源，是否和服务端资源一样
• 一致则返回 304 ，否则返回 200 和最新的

资源标识：

• 在 Reapose Headers 中，有两种标识
• Last-Modified 资源的最后修改时间
• Etag 资源的唯一标识（一个字符串）

Last-Modified

Etag

协商缓存效果：

Last-Modified 和 Etag

• 会优先使用 Etag
• Last-Modified 只能精确到秒级
• 如果资源被重复生成，而内容不变，则 Etag 更精准

Http 缓存综述

页面刷新对http缓存的影响

三种刷新操作：

• 正常操作：地址栏输入 url，跳转链接，前进后退等
• 手动刷新：F5或点击刷新按钮，右击菜单刷新
• 强制刷新：ctrl + F5

不同刷新操作，不同的缓存策略

• 正常操作：强制缓存和协商刷新都有效
• 手动刷新：强制缓存失效，协商缓存有效
• 强制刷新：强制缓存和协商缓存都失效