HTTP实用指南|青训营笔记

60 阅读1分钟

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

前端基础班第七节:HTTP实用指南。

一.初识HTTP

1.初识

关于网络请求:

image.png

HTTP:

  • 超文本传输协议
    
  • 应用层协议
    
  • 请求、响应
    
  • 简单可扩展
    
  • 无状态
    

2.协议分析

发展:

image.png

a.报文:

image.png
  • method字段取值:
image.png image.png
  • 状态码:
image.png
  • RESTful API:

    一种API设计风格。

image.png
  • 常用请求头:
image.png
  • 常用响应头:
image.png
  • 缓存:
image.png image.png
  • cookie
image.png

b.HTTP/2

更快、更稳定、更简单

  • 帧、消息、数据流:
image.png image.png
  • 特性:
image.png

c.HTTPS

image.png

3.场景分析

(1)今日头条
image.png
  • 静态资源:
image.png image.png image.png
  • 静态资源部署方案

缓存+CDN+文件名hash

image.png
(2)登录
image.png image.png
  • 得到两个请求:
image.png
  • 域:
image.png
  • 跨域:
image.png
  • 跨域解决方案:
image.png
  • 问题:
image.png
  • 答案:
image.png
  • 为什么可以保留登陆信息?

鉴权策略

image.png
  • 跳转后的网站自动登录?

SSO

image.png

4.实战

(1)浏览器

两个发起请求的方式:

image.png image.png
(2)node

发起请求的方式

image.png image.png
(3)用户体验

网络优化

image.png

稳定性

image.png

5.扩展

通信方式

image.png

基于UDP封装的协议:QUIC image.png