前端简介

1.

前端学习历程：

HTML——>内容：网页的骨架，没有任何样式

CSS——>外观：给骨架添加各种样式，变得好看

JavaScript——>动作：控制网页的动态效果

前端框架：BOOTSTRAP，JQuery，Vue

　　提前给你封装好了很多操作，你只需要按照固定的语法调用即可

2.

软件开发架构：
cs　　客户端　　服务端

bs　　浏览器　　服务端

ps:bs本质也是cs

3.

浏览器窗口输入网址回车发生了几件事？

1.浏览器朝服务端发送请求

2.服务端接收请求(eg：请求百度首页)

3.服务端返回相应的响应(eg：返回一个百度首页)

4.浏览器接收响应，根据特定的规则渲染页面展示给用户看

 

浏览器可以充当很多服务端的客户端

　　百度，腾讯视频，优酷视频

如何做到浏览器能够跟多个不同的客户端之间进行数据交互？
　　1.浏览器很牛逼，能够自动识别不同服务端做不同处理

　　2.制定一个统一的标准，如果你想要让你写的服务端能够跟客户端之间做正常的数据交互，那么你就必须遵循一些规则

4.

HTTP协议

　　超文本传输协议，用来规定服务端和浏览器之间的数据交互的格式

　　该协议你可以不遵循，但是你写的服务端就不能被浏览器正常使用，你就自己跟自己玩

　　或者你自己写一个客户端，用户想要使用，就下载你专门的app即可

 

# 四大特性

　1.基于请求响应

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

　3.无状态

　　不保存用户的信息

　　eg:一个人来了一千次，你都记不住，每次当他如初恋

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

　4.无/短链接

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

　　长链接：双方建立链接之后默认不断开：websocket(群聊功能，服务端主动给客户端发送消息)　

# 请求数据格式

　请求首行(标识HTTP协议版本，当前请求方式)

　请求头(一大堆k,v键值对)

 

　请求体(返回给浏览器展示给用户看的数据)

# 响应数据格式

　响应首行(标识HTTP协议版本，当前请求方式)

　响应头(一大堆k,v键值对)

 

　响应体(并不是所有的请求方式都有，get有post没有，有存放的是post请求提交的敏感数据)

# 响应状态码

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

　1xx：服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据

　2xx：服务端成功响应了你想要的数据(200 ok请求成功)

　3xx：重定向(当你在访问一个需要登录之后才能看的页面 你会发现会自动跳转到登录页面)

　4xx：请求错误

　　404：请求资源不存在

　　403：当前请求不合法或者不符合访问资源的条件

　5xx：服务器内部错误(500)

上述的状态码是HTTP协议规定的，其实到了公司之后每个公司还会自己定制自己的状态码和提示信息

# 请求方式

　1.get请求

　　朝服务端要数据

　　eg：输入网址获取对应的内容

　2.post请求

　　朝服务端提交数据

　　eg:用户登录 输入用户名和密码之后 提交到服务端后端做身份校验

# url：统一资源定位符，类似于坐标(大白话 网址)