一 
    
    
    
、什么是前后端

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 时 
    
    
    
，也不影响后台使用某一个框架 



 



 



。

        为了适应技术和业务发展的需求
     


     


     


   ，为了解耦的更彻底 




 




 




 

，也为了程序员们能更好的专精于某一项具体的业务 

   

   

   

，前后端分离就成了不得不进行的任务与趋势                    。

前后端的追求

        后端应该追求的是：三高（高并发
     

     

     

  ，高可用  




  




  




  
，高性能） 


  


  


  


，安全
     
     
     
 ，存储   




   




   




   ，业务等等




    




    




    



。

        前端追求的是：页面表现 



 



 



 



，速度流畅               ，兼容性
    




    




    




    ，用户体验等等















。