一、什么是前后端

1、前端：泛指内容展示和与用户交互的部分（客户端）

① 内容展示：在网页上能看到的图片、文字、视频、数字等信息

② 交互：用户在页面上通过点击按钮、输入文字等等动作，对网站提供数据输入，然后前端对用户的输入做出响应，比如更新页面上的内容

HTML：网页内容

CSS：视觉效果

JS：用户交互

2、后端：泛指控制软件输出的部分 [开发数据访问服务]（服务端）

前端可以通过调用后端的服务对数据进行增删查改

二、为什么要分家

一开始前后端是没有分家的，因为当时的web应用，没有那么复杂，访问量也没有那么大，服务端直接将页面渲染出来展示给用户也没有什么压力，当时的工程也侧重于后端。

比如JSP，在jsp文件中，杂糅着HTML、JS、JAVA、JSTL、EL等多种标签和语言。当业务逻辑和架构不复杂的时候，这样做其实没什么问题，但是业务一旦发展起来，这种意大利面条式的代码毫无设计可言，不同层级的逻辑耦合严重，难以迭代和维护，而且一旦JSP文件多了起来，那么在运行时将会有大量的servlet对象驻留在内存中，影响性能。

这个时期开发人员需要吃透整套技术栈，但随着技术的发展和需求的不断升级，解决问题的难度越来越大，所以前端不能像以前那样零散的分布在整个系统框架中了，前端也需要实现工程化、模块化、系统化，jsp被淘汰了。

前后端分离是一种架构模式，说通俗点就是后端项目里面看不到页面（HTML）,后端给前端提供接口，前端调用后端提供的REST风格接口就行，前端专注写页面和渲染（JS/CSS/各种前端框架）；后端专注写代码就行。前后端分离的核心：后台提供数据，前端负责显示。

前后端分离意味着，前后端之间使用 JSON 来交流，两个开发团队之间使用 API 作为契约进行交互。从此，后端选用的技术栈不影响前端。当后台开发人员选择 Java 的时候，我可以不用 JSP 来编写前端页面，继续使用我的 Vue 又或者 React。而我使用 Vue 时，也不影响后台使用某一个框架。

为了适应技术和业务发展的需求，为了解耦的更彻底，也为了程序员们能更好的专精于某一项具体的业务，前后端分离就成了不得不进行的任务与趋势。

前后端的追求

后端应该追求的是：三高（高并发，高可用，高性能），安全，存储，业务等等。

前端追求的是：页面表现，速度流畅，兼容性，用户体验等等。