前后端分离

前后端分离的应用程序：

  前后端分离之前：前端只负责写静态页交给后端工程师渲染数据，统一部署到后端服务器, 没有前端工程师之说
  前后端分离图示：

  通讯协议http
  通讯技术ajax
  定义业务-接口文档

 http协议：

  HTTP（超文本传输协议） HTTP是一个基于请求与响应模式的、无状态的、无连接的应用层协议， 绝大多数的Web开发，都是构建在HTTP协议之上。

  HTTP协议的主要特点：

1.支持客户/服务器模式。
⒉简单快速:客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。
每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因而通信速度很快。
3.灵活: HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。
4.无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。
5.无状态:HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。
缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。

  HTTP协议之URL：

url : 统一资源定位符

  HTTP 的工作流程：

  和服务器建立链接：

建立链接的主要步骤叫做 三次握手

  发送一个请求：

HTTP请求包结构

http请求由三部分组成，分别是：请求行、请求头部、请求包体(正文)

  接受一个响应：

HTTP响应包结构

HTTP响应也是由三个部分组成，分别是：状态行、消息报头、响应正文

  断开于服务端的链接

 

抓包调试工具：

  postman工具

  chrome  

传输内容类型content-type：

 

get请求与post请求区别：

  1. 参数大小区别：get受限制于地址栏；post不受大小限制。
  2. 参数类型区别：get只限于字符串型；post文件类型不限
  3. 安全性区别：get显示地址栏不安全；post不在地址栏显示，以另一种方式传输，嘎嘎安全

 接口文档:

编码：

 

 

ajax好处：

优点:
1.在不刷新整个页面的情况下维持与服务器通信
2.使用异步的方式与服务器通信，不打断用户的操作
3.将一些后端的工作移到前端，减少服务器与带宽的负担4.Ajax使得界面与应用分离，也就是数据与呈现分离
缺点
1.Ajax干掉了Back与History功能，即对浏览器机制的破坏
2.AAX技术给用户带来很开的用户体验的同时也对T企业带来了新的安全威助，Ajan技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑.3.对搜索引擎支持较弱
4.不能很好地支持移动设备