菜鸡写前端文章——Day02

62 阅读1分钟

Web历史

1989诞生时,Web由三种技术构成:

  • HTML
  • HTTP
  • URL

image.png

CSS和JavaScript是几年之后出现的

只读时代:

1989-2004

HTML / CSS / javaScript

  • 单项发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI

体验时代

2005-2010

Ajax / Web API / jquery

  • 动态交互
  • 社交媒体
  • 用户生成内容(UGC)
  • 单页面(SPA)
  • jquery
  • YUI

敏捷时代

2010-2021

Fetch / Node.js / Webpack

  • 模块化
  • 组件化
  • 转移
  • 打包
  • React.js
  • Vue.js

前端领域的终端和跨端

image.png

标准组织

image.png

image.png

image.png

image.png

image.png

初始HTTP

image.png

什么是HTTP

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

image.png

协议分析——发展

image.png

协议分析——报文

image.png

image.png

状态码

  • 200 OK——客户端请求成功
  • 301 资源(网页等)被永久转移到其它URL
  • 30l 临时跳转
  • 401 请求未经授权
  • 404 请求资源不存在,可能是输入了错误URL
  • 500 服务器内部发生了不可预期的错误
  • 504 网关或者代理的服务器无法在规定的时间获得想要的响应

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png