Hello mojito.关于http,这些常(hao)见(xiao)的(hua)你了解多少?http状态码,http常见header,http缓存机制。

前言:

最近持续学习,计划每天可以记录更新一篇。这次http花了三天时间有余,断断续续,今天终于撸完。每天的英语口语练习,坚持长跑。累并快乐着。借用一段英文与各位猿友共勉:If we are facing in the right direction,all we have to do is keep on walking.

一. http状态码分类及常见状态码有哪些?

你是否在开发中,面对请求状态码,一脸懵逼,傻傻分不清。不能通过状态码判断是前端错误还是后台错误。快速搞定http状态码,帮你快速定位问题,背锅甩锅心中有数。览器F12,开发者工具。点击Network,显示当前资源所有的请求,可选项卡切换查询xhr,js,css,img等特定类型资源的请求数据。如下图所示:

states.png

状态码分类

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

常见状态码及对应场景,注意此为常见。

1xx 服务器收到请求,此状态前端不需关注
200 请求成功
301 永久重定向,曾经的网站域名到期或者想更换域名。a.com要更换为b.com,只要访问a.com,都会重定向跳转到b.com
302 临时重定向,
304 资源未被修改,使用本地缓存资源。
404 not fuound,后台未找到资源。悄悄滴,自觉滴检查url 参数拼写是否正确
403 一般情况为没有权限。未登录想获取用户信息或者没有角色权限,想获取更高级别信息
500 服务错误。后台代码,宕机等。淡定、坚定的找后台
504 网关超时。淡定、坚定的找后台

二. http常见的header有哪些?

Request Headers:

request.png

1.Accept:浏览器可接受的数据格式。application/json,text/html等
2.Accept-Econding:浏览器可接受的数据压缩(资源变小,传输更快呀)算法。gzip,deflate,br
3.Accept-Language:浏览器可接受的语言。如:zh-CN,zh;q=0.9
4.Connection:keep-alive 一次TCP连接,重复使用
5.Cookie:缓存
6.Host:请求域名
7.User-Agent:浏览器信息。收集浏览器、系统、手机等信息
8.Content-type:发送数据格式。如application/json、text/html

Response Headers

response.png

1.Content-type:返回数据的格式。如:image/gif,text/html; charset=utf-8
2.Content-length:返回数据大小,多少字节。
3.Content-Econding:返回数据的压缩算法。如:gzip   
4.Set-cookie:服务端像客户端设置cookie。
5.expires:过期时间,已被Cache-control代替。
6.Cache-control:控制强缓存的逻辑,服务端控制。常用属性有
   a:max-age:(最大过期时间):3153600(s)
   b:no-cache:不使用本地缓存
   c:no-store:不使用本地缓存,也不使用服务端缓存策略,即完全重新请求资源
7.Last-modified:协商缓存策略,资源的最后修改时间,只能精确到秒级,可以与Etag共存。与Request headers,If-Modified-Since值相同。详情参考http缓存机制
8.Etag:协商缓存策略,字符串,根据内容计算的资源的唯一标识。与Request headers,If-None-Match值相同。详情参考http缓存机制

三. http缓存机制

为什么要缓存:减少请求资源数量和体积,提高网页加载速度。按缓存规则可分为:强制缓存和协商缓存(对比缓存)。

http缓存机制.png

强制缓存:

浏览器初次请求,服务器判定请求资源可以缓存,则添加相应的Catch-control,类似不容易更改的资源。如:js/css/img等。浏览器再次请求,通过判断Catch-control属性值,如果命中缓存,则在本地直接读取缓存。

协商缓存:

浏览器初次请求,服务器判定请求资源可以缓存,同时返回相应的资源标识,Etag/Last-Modified。客户端再次请求时,携带If-None-Match/If-Modeifed-Since,服务端根据与原有值判断,资源是否发生更改,如更改则返回新的资源,否则返回304,客户端读取本地缓存。

四. 什么是Restful API

1.一种新的API设计方法
2.传统API设计:把每个url当做一个功能          
3.Restful API设计:把每个url当做一个唯一的资源,通过不同的请求方法区分增删改查。                                     

传统API示例:

post          api/create-article                      创建                 
post          api/update-article?author=1454648       更新/删除
get           api/get-article?author=1454648          查询

Restful API示例:

post           api/create-article                     创建           
patch/put      api/article/1454648                    部分更新/全部更新
get            api/article/1454648                    查询
delete         api/article/1454648                    删除

你可能感兴趣的:(Hello mojito.关于http,这些常(hao)见(xiao)的(hua)你了解多少?http状态码,http常见header,http缓存机制。)