前端介绍

前端

什么是前端? 任何和用户直接打交道的都是前端,

• 电脑显示界面
• 手机界面
  为什么要学前端
• 全栈开发工程师 前后端都需要会,
• 技多不压身

如何学习前端?

web服务的本质

浏览器本质就是一个客户端
浏览器窗口输入一个网址 敲回车发生了哪些事?

• 朝着指定服务端发送请求
• 服务端接收相应的请求
• 服务端返回相应的响应
• 浏览器接收响应, 按照特定的规则渲染页面

HTTP 协议(重点)

超文本传输协议
规定了浏览器与服务端数据的传输格式

四大特性

• 1. 基于请求相应
     一次请求对应一次响应
• 2. 基于TCP/IP作用于应用层之上的协议
• 3. 无状态
  • 不保留客户端的状态
  • 无论来多少次, 都当是第一次
    基于此, cookie, session token
• 4. 无连接
  • 每次发送后都断开连接, 对应的有 长连接, websocket( 类似于http协议的大补丁, 应用于聊天室)

数据格式

请求格式
- 请求首行(请求方式 协议版本)
- 请求头(一大堆k,v键值对)

 - 请求体(携带的数据, 可有可无, 取决于请求方式)

响应格式
- 响应首行(响应状态码)
- 响应头(一大堆k,v键值对)

 - 响应体(浏览器展示给用户看的数据)

响应状态码

• 用数字表示特定的信息
  用数字表示特定的意义,
  • 1xx: 服务端已经成功接收到客户端的请求, 正在处理. 可以继续提交
  • 2xx: 200 请求成功, 服务端已经返回了客户端想要的数据
  • 3xx: 重定向(网页的跳转, 301 临时重定向, 302 永久重定向)
  • 4xx: 404 请求资源不存在, 403 权限不足, 不具备请求改资源条件
  • 5xx: 500 服务端内部错误, 宕机等.
    公司内部可以定制自己的响应状态码

请求方式

• 1. get请求
  • 朝服务端要资源, 获取数据
  • 例子: 在浏览器窗口中访问网页
• 2. post请求
  • 朝服务端提交数据
  • 例子: 登录注册功能