前端 | 青训营笔记

100 阅读2分钟

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

HTTP实用指南

1.初识

什么是HTTP

  • Hyper Text Transfer Protocol超文本传输协议
  • 应用层协议,基于TCP协议
  • 请求 响应
  • 简单可拓展
  • 无状态

2.协议分析

发展

image.png

HTTP/2概述:更快、更稳定、更简单

帧(frame):HTTP/2通信的最小单位,每个帧都包含帧头,至少也会标识出当前帧所属的数据流。

消息:与逻辑请求响应消息对应的完整的一系列帧。

数据流:已建立的连接内的双向字节流,可以承载一条或多条消息。

  • HTTP/2连接都是永久的,而且仅需要每个来源一个连接
  • 流控制:阻止发送方向接收方发送大量数据的机制

HTTPS概述

  • Hypertext Transfer Protocol Secure
  • 经过TSL/SSL加密

报文

Method

image.png image.png

状态码

image.png

RESTful API

一种设计风格

REST:Representational State Transfer

(1)每一个URI代表一种资源;

(2)客户端和服务器之间,传递这种资源的某种表现层;

(3)客户端通过HTTP method,对服务器端资源进行操作,实现“表现层状态转化”。 image.png

报文的常用请求头

image.png

报文的常用响应头

image.png

缓存

image.png image.png

cookie

Set-Cookie-response

image.png

3.场景分析

静态资源

方案:缓存+CDN+文件名hash

跨域

解决方案

  • CODS
  • 代理服务器
    • 同源策略是浏览器的安全策略,不是HTTP的
  • Iframe
    • 诸多不便

登录

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

2.携带了哪些信息,返回了哪些信息?

携带信息
  • Post body,数据格式为form
  • 希望获取的数据格式为json
  • 已有的cookie
返回信息
  • 数据格式json
  • 种cookie的信息

4.实战

浏览器篇

image.png image.png

node篇

image.png image.png

用户体验

网络优化

image.png

稳定性

image.png

5.了解更多

拓展——通信方式

WebSocket

  • 浏览器与服务器进行全双工通讯的网络技术
  • 典型场景:实时性要求高,例如聊天室
  • URL 使用ws:// 或 wss:// 等开头