前端基础介绍

什么是前端

　　任何与用户直接打交道的操作界面都可以称之为前端

什么是后端

　　后端类似于幕后操作者，不直接与用户打交道

前端学习之路

　　无论是专业前端，还是业余前端，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--->统一资源定位符(大白话网址)