美文网首页让前端飞Web前端之路我爱编程
前端基础重点回顾2: HTTP协议

前端基础重点回顾2: HTTP协议

作者: coolheadedY | 来源:发表于2018-01-24 16:08 被阅读57次

HTTP协议的主要特点

  • 简单快速
    URI固定,处理简单
  • 灵活
    http协议可以通过修改header 指定传输的数据类型,一个http 传输可以完成不同数据类型的传输
  • 无连接
    http协议每次传输后连接都会断开
  • 无状态
    客户端和服务端是两块,客户端再次访问服务端是无法区分客户端的(单从http 协议上是无法区分客户端身份的)

HTTP报文组成

请求报文

  • 请求行
    http方法、请求地址、http协议版本
  • 请求头
    header:key value 格式
  • 空行(CR+LF)
    用于识别请求头和请求体的分隔符,CR+LF 回车+换行符
  • 请求体

响应报文

  • 状态行
    状态码、http协议版本
  • 响应头
    header:key value 格式
  • 空行(CR+LF)
    用于识别响应头和响应体的分隔符,CR+LF 回车+换行符
  • 响应体
    响应的实体内容

HTTP方法

  • get 获取
  • post 传输
  • put 更新
  • delete 删除
  • header 获得报文首部
  • options 对服务器预先请求告知

GET / POST 区别

  • get产生的url地址可以被收藏,post不可以
  • get会被浏览器主动缓存,post不会,除非手动设置
  • get只能进行url编码,post支持多种编码方式
  • get参数会被完整保留在浏览器历史记录里,post参数不会保留
  • get在url中参数有长度限制2kb,post没有限制
  • 参数的数据类型:get只接受ASCII字符,post没有限制
  • get参数直接暴露在url上,不能传递敏感信息
  • get通过url传递,post放在request body中

HTTP状态码

1xx: 指示信息 - 请求已接收

2xx: 成功 - 请求被成功接收

  • 200 OK
  • 206 Partiaml Content 客户端发送了一个带Range头多get请求,服务器完成了它(音频、视频应用)

3xx: 重定向

  • 301 Moved Permanently 所请求的资源已经转移至新的url地址
  • 302 Found 所请求的资源临时转移至新url地址
  • 304 Not Modified 客户端有缓存的文档并发出了一个条件性请求,服务器告诉客户端原来缓存的资源文件可以继续使用

4xx: 客户端错误

  • 400 Bad Request 客户端存在语法错误,服务器无法理解
  • 401 Unauthorized 请求未授权 必须和www-Authenticate 报头域一起使用(JWT鉴权应用)
  • 403 Forbidden 请求被禁止访问(只能通过服务器端访问)
  • 404 Not Found 请求的资源不存在

5xx: 服务器错误

  • 500 Internal server Error 服务器错误
  • 503 Server Unavailable 请求未完成或服务器临时过载当机

HTTP持久连接

HTTP协议采用“请求-应答”模式,每进行一次http连接就会断开TCP连接

Keep-Alive

  • Keep-Alive 模式,只要有一方未明确表示断开连接则保持TCP连接状态,此功能避免重复建立连接
  • HTTP/1.0 未标准化
  • HTTP/1.1 版本默认支持

HTTP管线化

在HTTP/1.1 版本使用Keep-Alive 下可以使用管线化(pipelining)方式发送请求

// 未使用管线化 单个请求
req1 > server
res1 < server

req2 > server
res2 < server

req3 > server
res3 < server
// 使用管线化 打包发送
req1 > server
req2 > server
req3 > server

res1 < server
res2 < server
res3 < server
  • 管线化只通过Keep-Alive 完成,http/1.1 才支持
  • 只有get 和head 方法请求才可以,post 有限制
  • 初次创建连接不启动管线化机制,因为对方服务器不一定支持http/1.1
  • 管线化不会影响服务器响应顺序
  • http/1.1 要求服务端支持管线化处理不失败即可
  • chrmoe firefox 默认未开启管线化支持,因为管线化功能不一定能带来性能提升,服务器支持也不好。

Cookie 维持客户端访问状态

浏览器每次访问会携带cookie 信息,服务器可以设置cookie,通过这个特性可以创建带状态(session)的http 访问连接

// 客户端首次访问服务端
client -----------无cookie------------> server
client <-----set-cookie: sid=user1----- server
// 客户端再次访问服务端
client -----cookie: sid=user1---------> server
client <--------确认是user1访问---------- server

session 就是服务端手动维护每个客户端访问的cookie,可以维护在内存里也可以维护在redis 缓存中。

相关文章

  • 前端基础重点回顾2: HTTP协议

    HTTP协议的主要特点 简单快速URI固定,处理简单 灵活http协议可以通过修改header 指定传输的数据类型...

  • HTTP协议的理解

    重点:1.超文本传输协议. 2.http请求过程. 1> http协议: 超文本传输协议(Hypertext Tr...

  • 总结:GET与POST请求方法有什么区别

    发现很多前端小伙伴的简历当中都写有这么一句:了解http协议。其实大可不必,因为http是前端基础中的基础。这就相...

  • http协议

    1.http协议建立在tcp/ip协议基础之上 2.http协议全称超文本传输协议 3.http协议1.0,1.1...

  • 网络整理(二)——HTTP请求和数据安全

    1 HTTP请求 重点:1.超文本传输协议. 2.http请求过程.{ } 2 GET 和 POST 重点:1.G...

  • 【计算机网络】2.2 应用层 - HTTP/HTTPS协议

    1.HTTP协议与各种协议之间的关系 2.HTTP协议 2.1 基础概念 (1)请求报文 (2)响应报文 2.2 ...

  • HTTP及HTTP缓存机制(前端) HTTP HTTP是一种获取网络资源的协议,是Web上获取数据交换的基础。 客...

  • 前端基础篇之HTTP协议

    HTTP协议作为前端开发的重要基础知识,却是很多非计算机专业出身的码农的软肋。笔者通过《图解http》一书系统的学...

  • 回顾Http协议

    http简单来说就是web浏览器和web服务器之间的一问一答的交互过程必须遵守一定的规则, 而这里的规则就是htt...

  • http和tcp协议

    1.TCP协议对应于传输层,而HTTP协议对应于应用层 2.Http协议是建立在TCP协议基础之上 3.Http是...

网友评论

    本文标题:前端基础重点回顾2: HTTP协议

    本文链接:https://www.haomeiwen.com/subject/ooduaxtx.html