HTTP 使用指南|青训营笔记

zyq努力每一天
82 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第四天

课堂重点知识

  1. 什么是http及基本特点
  2. http协议分析
  3. http常见场景
  4. http实际应用
  5. 了解更多

知识总结及实例

HTTP及基本特点

  • 什么是http协议及基本特点
  1. 超文本传输协议
  2. 应用层协议，基于TCP协议 3.请求 响应 4.简单可扩展 5.无状态

image.png

HTTP协议分析

  • 发展 image.png

  • 报文

image.png

  • method字段取值

image.png

  • 安全与幂等

image.png 所以安全的方法都是幂等的

  • 状态码

image.png

  • RESTful API

image.png

— 常用请求头

image.png

-常用响应头

image.png

  • cookie

image.png

  • HTTP/2 ：更快、更稳定、更简单
  1. 二进制传输
  2. 头部压缩
  3. 交错发送，接收方重组织
  4. 双向字节流，可以承载一条或多条消息
  5. 连接是永久的
  6. 流控制：阻止发送方接收方发送大量数据的机制
  7. 服务器推送
  • HTTPS 在http基础上进行了TSL/SSL加密

加密的方法：

1.对称加密：加密和解密都是使用同一个密钥

2.非对称加密：加密和解密需要使用两个不同的密钥：公钥和私钥

image.png

HTTP常见场景

  • 缓存

强缓存：资源若本地有，则直接用

协商缓存：资源即使在本地有，也需要与服务器协商确定一下是否可以使用

image.png

缓存流程

image.png

  • 静态资源

image.png

静态资源部署

image.png

  • 登录

image.png

image.png

image.png

1.向什么地址做了什么动作

（1）使用了POST方法

（2）目标域名：sso.toutiao.com

（3）目标path：/quick_login/v2/

  1. 携带了哪些信息，返回了哪些信息

(1) 携带信息：

post body，数据格式为form

希望获取的数据为json

已有的cookie

（2） 返回信息

数据格式json

cookie信息

3.下次进入页面为什么能记住登录态呢

image.png

注：单点登录

image.png

HTPP实际应用

  • 浏览器
  1. ajax之xhr image.png

2.ajax之fetch

image.png

  • Node

1.标准库 HTTP/HTTPS

image.png

  1. 常用的请求库：axios image.png
  • 网络优化手段

1.快 image.png

2.稳定性

image.png

其他协议

通信方式

1.WebSocket

image.png

  1. QUIC

image.png

相关扩展

  • 从输入一个url到页面显示出来的过程

image.png

  • 跨域

协议、域名、端口号必须一致，若不一致则就会造成跨域

image.png

解决方法：

  1. CORS（复杂请求会造成跨域问题）

image.png

2.代理服务器 2.1 同源策略是浏览器的安全策略，不是http的。（通过dev-serve）

image.png

3.iframe

  • 计算机网络及常见http讲解

3.7 HTTP/3 强势来袭 | 小林coding (xiaolincoding.com)

个人总结

学习http协议的基本概念及报文相关字段，掌握http缓存及相关流程，明确http的各个版本。知道https与http的区别及https的底层。

avatar
文章
阅读
粉丝