前端知识:网络相关

OSI 七层模型与 TCP/IP 五层模型

  • OSI 七层模型:物理层、数据链路层、网络层、传输层、会话层、展示层、应用层
  • TCP/IP 五层模型:物理层、数据链路层、网络层、传输层、应用层

HTTP/ HTTPS 协议

HTTP 0.9

  • 只有GET命令
  • 响应后就马上关闭连接

HTTP 1.0

  • 增加了HEADPOST方法
  • 增加了HTTP Headers和响应状态码

HTTP 1.1(普遍使用)

  • 持久连接(Keep-Alive),通道复用
  • 增加了PUTDELETEOPTIONS 等方法
  • 新增断点续传,身份认证,状态管理,缓存等特性

HTTP 2.0

  • 数据以二进制分帧进行传输
  • 头信息压缩
  • 服务端推送

HTTPS

  • 使用SSL加密传输的HTTP安全版本

URL 和 URI 的区别

  • URI = URL + URN
  • URI:统一资源标识符,用来唯一标识互联网上的信息资源,就像身份证号可以独一无二的标识出来
  • URL:统一资源定位符,通过资源位置来标识资源,就像是身份证上的地址

常见状态码

  • 1xx:请求正在处理
  • 200 OK:请求成功
  • 201 Created:已创建,POSTPUT请求成功的响应
  • 202 Accepted:已接受,但未响应
  • 204 No Content:请求成功,但无内容
  • 206 Partial Content:请求部分内容,如断点续传
  • 301 Moved Permanently:永久性重定向,比如请求路径忘记添加最后的斜杠
  • 302 Found:临时性重定向
  • 304 Not Modified:资源未修改,使用缓存
  • 400 Bad Request:请求语法错误
  • 401 Unauthorized:要求身份认证
  • 403 Forbidden:请求资源被拒绝
  • 404 Not Found:资源不存在
  • 405 Method Not Allowed:请求的方法不支持
  • 500 Internal Server Error:服务器错误
  • 502 Bad Gateway:代理服务器错误
  • 504 Gateway Timeout:请求超时

GET 和 POST

GET:语义上是指请求获取指定的资源,使用URL进行传参,数据长度有限制,资源可以被缓存
POST:语义上是指对请求资源做出处理,请求数据放在body中,数据长度无限制,相对GET更安全,支持更多的编码类型,不能被缓存

本质区别:GET是幂等的,而POST不是幂等的。就是说对于相同的请求,GET请求返回相同的结果,而POST会有副作用。所以不应该使用GET请求做增删改操作,也不应该使用POST请求做查询操作

常用请求/相应头

通用头

  • Cache-Control:控制缓存行为
    • no-cache:向服务器验证后,再决定缓存获取或还是请求
    • no-store:不进行缓存,直接从服务器获取
    • max-age:设置缓存最大有效时间,单位是秒
  • Connection:连接管理
    • keep-alive:持久连接
    • close:每次请求都会重新创建TCP连接
  • Date:服务端发送资源时的时间
  • Via:代理服务器相关信息

请求头

  • Accept:可接受的响应内容类型
  • Accept-Language:可接受的响应内容语言列表
  • Cookie:客户端存储的Cookie字符串
  • Host:请求资源所在的服务器
  • If-Modified-Since:上次访问时的更改时间,资源未修改的情况下返回304 Not Modified
  • If-None-Match:此次访问使用的E-Tag
  • Range:请求实体的字节范围,用于断点续传
  • Referer:请求资源的原始URI
  • User-Agent:客户端相关信息

响应头

  • Content-Type:资源资源的内容类型
  • Etag:资源标识信息,标识资源是否更新,用于缓存验证
  • Last-Modified:资源最后修改日期
  • Server:服务器软件信息
  • Set-Cookie:设置Cookie
  • Access-Control-Allow-Origin:跨域设置

TCP三次握手和四次挥手

三次握手

  • 客户端发送SYN标志,等待服务器确认
  • 服务器确认SYN标志后,发送SYN+ACK包给客户端
  • 客户端接收到SYN+ACK包后,发送ACK包,双方建立连接

三次握手

四次挥手

  • 客户端 -- FIN --> 服务端,关闭数据传送,客户端进入FIN_WAIT_1状态
  • 服务端 -- ACK -> 客户端,服务端进入CLOSE_WAIT状态
  • 服务端 -- ACK + FIN --> 客户端,服务端进入LAST_ACK状态
  • 客户端 -- ACK -> 服务端,服务端进入CLOSED状态

四次挥手

跨域

同源策略限制:如果两个URL的协议,域名和端口相同则表示它们同源,否则被当做跨域

同源策略

跨域解决方法:

  • JSONP:利用

你可能感兴趣的:(前端知识:网络相关)