前端面试-http知识

http常见的状态码

1xx 服务器收到请求   2xx 请求成功   3xx 重定向   4xx 客户端错误   5xx 服务端错误

200 请求成功

301 永久重定向（配合返回的location跳转）例子：网页换了域名后，访问老域名后永久重定向到新域名

302 临时重定向（配合返回的location跳转）例子：在百度搜索出来的结果，都是百度的网址然后通过重定向到目标网址去

       永久和临时的区别：301是浏览器会记住301状态结果然后下次直接访问location链接，302会重新访问看是否有新的结果产生

304 资源未被修改 本地缓存资源跟服务器资源是一样是最新的，直接使用本地缓存即可

400 资源未找到

403 没有权限

500 服务器错误

504 网关超时

 

http methods

get 获取数据

post 新建数据

pathc/put 更新数据

delete 删除数据

 

Restful API

一种新的API设计方法

• 传统的API设计：把每一个url当作一个功能
• Resetful API 设计：把每一个url当作一个唯一的资源

想要设计一个Resetful API 要注意两点：

• 尽量不用url带参数
• 用method表示操作类型

例子：

• 获取id=100的博客：传统的API： get请求  -> /api/getBlog/id=100   Resetful API：get请求  ->  /api/blog/100
• 更新id=100的博客：传统的API： post请求  -> /api/updateBlog/id=100   Resetful API：patch/put请求  ->  /api/blog/100

 

http常见的header

Request Headers

• Accept：浏览器可接收的数据格式 text/html
• Accept-Encoding：浏览器可接收的压缩算法 gzip（可以将数据进行压缩，在浏览器解压，为了传输的快）
• Accept-Language：浏览器可接收的语言 zh-cn
• Connection：keep-alive 一次TCP链接重复使用
• Cookie：浏览器携带的cookie（浏览器自带的）
• Host：请求的域名
• User-Agent（简称UA）浏览器信息
• Content-type：发送数据的格式，如application/json （发送post或者patch请求）

Response Headers

• Content-type：返回数据的格式，如application/json
• Content-length：返回数据的大小，多少字节
• Content-Encoding：返回数据的压缩算法，如gzip
• Set-Cookie：服务端要通过Set-Cookie来修改cookie
• Cache-Control：max-age=31536000 （单位是秒）最大的缓存有效时间

 

http缓存机制

什么是缓存

• 第一次访问一个新的网页时，服务端会把所有的资源返回给浏览器， 当下一次访问时一些没有变化的资源就不用重新从服务端重新获取了，之前从缓存获取

为什么要使用缓存

• 减少网络请求的数量和体积来让网络请求的更快些

哪些资源可以被缓存

• 静态资源：js  css   img ，所以尽可能的打包时加上哈希后缀

 

强制缓存

由服务端来控制哪些资源可以强制缓存，会在Response Header中加上Cache-Control ，并且在客户端缓存资源

当下一次访问时，判断Cache-Control是否过期，如果没有过期浏览器就会在本地缓存找到资源，返回资源

例如： Cache-Control：max-age=31536000 （单位是秒）最大的有效时间

Cache-Control的值

max-age：最长的有效时间

no-cache：不用强制缓存，交给服务端处理

private：只允许最终用户作为缓存（电脑，浏览器，手机）

public：允许中间一些路或代理作为缓存

Expires

同在Response Header中，同为控制缓存过期的，但是已经被Cache-Control代替

 

协商缓存

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

资源标识

在response headers返回中有两种：

• Last-Modified：资源的最后修改时间
• Etag：资源的唯一标识（根据资源计算处理的一个字符串）

再次请求，Request Headers 带着If-Modified-Since = Last-Modified / If-If-None-Match = Etag 访问服务端，一致返回304，否则返回资源跟新的 Last-Modified / Etag

两个标识是同存的，但是优先使用Etag，Last-Modified只能精确到秒，如果资源被重复生成，内容不变，Etag比较精确

 

http缓存-总结

1.当发起一个请求，如果Cache-Control 设置的有效时间没有过期，进行强缓存，读取缓存资源使用

2.如果Cache-Control过期了，查看有无ETag和Last-Modified，如果有在请求头携带资源标识（If-None-Match和If-Modified-Since字段）有向服务端

发起http请求，进行协商缓存，由服务端通过判断资源标识判断缓存是否可用，可用返回304，否则返回200和最新的资源

3.特别注意缓存都是在客户端，不是服务端