Web基础知识入门之学习路线+HTTP

122 阅读1分钟

前端开发起源和过程:

image.png

学习路线图:Frontend Developer Roadmap

web标准:W3C,Ecma,WHATWG,IETF(了解其创建初衷,清楚定位以及作用)

HTTP

Hyper Text Transfer Protocal超文本传输协议,属于应用层协议、基于TCP协议

基础功能及特点:请求 响应、简单可扩展、无状态

Method:

image.png

状态码:

image.png

常用请求头

image.png

常用响应头

image.png

缓存

image.png image.png

HTTP/2概述:更快(二进制,交错发送)、更稳定(连接稳定永久)、更简单

协议发展:

  • 经过TSL/SSL加密
  • 对称加密:加密和解密使用同一个密钥
  • 非对称加密:加密和解密使用不同密钥,公钥和私钥

场景分析:

静态资源

image.png

登录

image.png

跨域

image.png 发送请求才更新 进程

静态资源部署:

文件名上更改 访问最新资源

跨域(复杂请求) House、协议、子域不同,

预请求(大部分)

实战:

浏览器

image.png

node

image.png

优化体验

image.png image.png