0、前端前言：初识前端

一、什么是前端

任何与用户直接打交道的操作界面都可以称之为前端
比如:电脑界面 手机界面 平板界面

与前端对应的是后端，那什么是后端
后端类似于幕后操作者(一堆让人头皮发麻的代码)
特点是不直接跟用户打交道

二、初识前端三剑客

1、html

超文本标记语言，通俗来讲就是一个网页的骨架，没有任何的样式

2、css

层叠样式表，就是给网页骨架添加各种样式，使网页变得好看

3、JavaScript

JS是一门编程语言，主要用于控制网页的动态效果

4、前端框架

前端框架:BOOTSTRAP、JQuery、Vue
提前给你封装好了很多操作 你只需要按照固定的语法调用即可

三、浏览器例子

1 浏览器朝服务端发送请求
2 服务端接受请求(eg:请求百度首页)
3 服务端返回相应的响应(eg:返回一个百度首页)
4 浏览器接收响应 根据特定的规则渲染页面展示给用户看

浏览器可以充当很多服务端的客户端
如：百度、腾讯视频、优酷视频....

如何做到浏览器能够跟多个不同的客户端之间进行数据交互？
1.浏览器很牛逼 能够自动识别不同服务端做不同处理
2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互

四、HTTP协议

超文本传输协议，用来规定服务端和浏览器之间的数据交互的格式，除非设计自己的客户端，否则请遵循该协议，不然服务端无法被浏览器正常访问

1. 四大特性

1.基于请求响应

2.基于TCP/IP作用于应用层之上的协议

3.无状态(不保存用户的信息)

通俗解释:一个人来了一千次，你都记不住，每次都当他如初见

由于HTTP协议是无状态的 所以后续出现了一些专门用来记录用户状态的技术

4.无/短链接

请求来一次我响应一次 之后我们两个就没有任何链接和关系了

长链接:双方建立连接之后默认不断开

2. 请求数据格式

1.请求首行(标识HTTP协议版本，当前请求方式)
2.请求头(一大堆k,v键值对)
3.请求体(并不是所有的请求方式都有get没有post有 存放的是post请求提交的敏1感数据)

3. 响应数据格式

1.响应首行(标识HTTP协议版本，响应状态码)
2.响应头(一大堆k,v键值对)
3.响应体(返回给浏览器展示给用户看的数据)

3.响应状态码

用一串简单的数字来表示一些复杂的状态或者描述性信息

1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
2XX:服务端成功响应了你想要的数据(200 OK请求成功)
3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)
4XX:请求错误,例如404:请求资源不存在，403:当前请求不合法或者不符合访问资源的条件
5XX:服务器内部错误(500)

4.请求方式

1.get请求：朝服务端要数据
eg:输入网址获取对应的内容
2.post请求：朝服务端提交数据
eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验

url：统一资源定位符(大白话 网址)