前端基础介绍
什么是前端
任何与用户直接打交道的操作界面都可以称之为前端
什么是后端
后端类似于幕后操作者，不直接与用户打交道
前端学习之路
无论是专业前端，还是业余前端，HTML、CSS、JavaScript都是必学的，类似于python基本语法。
| 内容 | 简介 |
|---|---|
| HTML | 网页的骨架，没有任何的样式 |
| CSS | 给骨架添加各种样式，变得好看 |
| JS | 控制网页的动态效果 |
前端框架简略学习：Bootstrap、Vue、JQuery，只需要学习固定的语法套路即可。
软件开发架构
| 架构名 | 包含内容 |
|---|---|
| CS | 客户端 服务端 |
| BS | 浏览器 服务端 |
ps : BS架构 本质也是 CS架构
浏览器窗口输入网址回车发生了几件事
1 浏览器朝服务端发送请求
2 服务端接受请求(eg:请求百度首页)
3 服务端返回相应的响应(eg:返回一个百度首页)
4 浏览器接收响应 根据特定的规则渲染页面展示给用户看
如何做到浏览器能够跟多个不同的客户端之间进行数据交互？
1.浏览器能够自动识别不同服务端做不同处理。
2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互，就必须遵循一些规则，也就是HTTP协议。
HTTP协议
超文本传输协议：用来规定服务端和浏览器之间的交互格式
该协议你可以不遵循 但是你写的服务端就不能被浏览器正常访问 你就自己跟自己玩，你就自己写客户端，用户想要使用，就下载你专门的app即可
四大特性(*****)
| 特性名 | 注释 |
|---|---|
| 基于请求响应 | 比如点击一个网页就是发送一个请求，然后响应给你返回一个页面，也就是服务端给你返回的数据 |
| 基于TCP/IP之上作用于应用层之上的协议 | 也就是说在TCP/IP协议再加一个HTTP协议 |
| 无状态 | 不保存用户的信息（由于HTTP协议是无状态的 所以后续出现了一些专门用来记录用户状态的技术：cookie、session、token） |
| 无/短链接 | 请求来一次我响应一次 之后我们两个就没有任何链接和关系了(长链接:双方建立连接之后默认不断开 Websocket(后面详细了解)) |
请求数据格式
- 请求首行(标识HTTP协议版本，当前请求方式)
请求方式
1.get请求
朝服务端要数据
eg:输入网址获取对应的内容
2.post请求
朝服务端提交数据
eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验
- 请求头(一大堆k,v键值对)
- (这里/r/n千万不能省略，容易忽略的地方)
- 请求体(并不是所有的请求方式都有，get没有post有，存放的是post请求提交的敏感数据)
响应数据格式
-
响应首行(标识HTTP协议版本，响应状态码)
-
响应头(一大堆k,v键值对)
-
(这里/r/n千万不能省略，容易忽略的地方)
-
响应体(返回给浏览器展示给用户看的数据)
响应状态码
用一串简单的数字来表示一些复杂的状态或者描述性信息 (404:请求资源不存在)
1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
2XX:服务端成功响应了你想要的数据(200 OK请求成功)
3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)
4XX:请求错误
404:请求资源不存在
403:当前请求不合法或者不符合访问资源的条件
5XX:服务器内部错误(server internal error(500))
补充：url--->统一资源定位符(大白话 网址)
