Vue应用框架整合与实战--前后端分离后的前端时代篇

妖狐艹你老母 2022-10-25 01:35 140阅读 0赞

什么是前后端分离  
除了前端之外都属于后端了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzM0NTA4NA_size_16_color_FFFFFF_t_70]

为什么要前后端分离  
后端只提供API接口(尽量做restful服务化)，后端保证API和服务稳定。前端调用AJAX实现数据的呈现。 前端职责：页面UI，页面展示、交互、渲染，用户体验等。 后端职责：数据存储，业务逻辑，RESTful 接口，性能、可用性、伸缩性、扩展性、安全性等。  
像React、Vue、Angular我们可以轻松的构建一个无需服务器渲染就可以展示的网站，这类框架也提供了前端路由功能，后台可以不在控制路由的跳转，将原本属于前端的业务逻辑全部丢给前端，这样前后端分离可以说是最彻底的。  
降低前端对后端的依赖，提高可维护性，让前后端的职责更清晰，分工更合理。  
服务端负责业务/数据接口，前端负责展现/交互逻辑。  
前后端分离的设计理念,也体现了一个团队的协作共赢的精神

image  
前后端分离的优势  
彻底解放前端 前端不再需要向端台提供模板或是后台在前端html中嵌入后端代码，前端通过AJAX调研后端接口，数据逻辑放在前端，由前端维护。

提高工作效率，分工更加明确 前后端分离的工作流程可以使前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的json文件即可，页面的增加和路由的修改也不必再去麻烦后台，开发更加灵活。

局部性能提升 通过前端路由的配置，我们可以实现页面的按需加载，无需一开始加载首页便加载网站的所有的资源，服务器也不再需要解析前端页面，在页面交互及用户体验上有所提升。

降低维护成本 通过目前主流的前端MVC框架，我们可以非常快速的定位及发现问题的所在，客户端的问题不再需要后台人员参与及调试，代码重构及可维护性增强。

总结了一些2020年的面试题，这份面试题的包含的模块分为19个模块，分别是： Java 基础、容器、多线程、反射、对象拷贝、Java Web异常、网络、设计模式、Spring/Spring MVC、Spring Boot/SpringCloud、Hibernate、MyBatis、RabbitMQ、Kafka、Zookeeper、MySQL、Redis、JVM 。

获取资料：关注公众号：【有故事的程序员】，获取学习资料。  
记得点个关注+评论哦~  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzM0NTA4NA_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzM0NTA4NA_size_16_color_FFFFFF_t_70]: /images/20221024/f2bd706c4c4f42659b6bc7ccfa47d0b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzM0NTA4NA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221024/beb4423c0fe64c8ba07fe59706e1d5da.png