前後端分離與不分離有哪些區別

前後端不分離

• 概念
  • 在前後端不分離的應用模式中，前端頁面看到的效果都是由後端控制，由後端渲染頁面或重定向，也就是後端需要控制前端的展示，前端與後端的耦合度很高。
    

前後端分離

• 概念
  • 前後端分離的應用模式中，後端僅返回前端所需的數據，不再渲染HTML頁面，不再控制前端的效果。至於前端用戶看到什麼效果，從後端請求的數據展現都是後端通過異步接口(AJAX/JSONP)的方式提供的，前端只管展現。但是不要以爲只有在敲代碼的時候把前端和後端分開就是前後端分離了。

前後端分離的優點

1. 徹底解放前端
   前端不再需要向後臺提供模板或是後臺在前端html中嵌入後臺代碼
2. 提高工作效率，分工更加明確
   前後端分離的工作流程可以使前端只關注前端的事，後臺只關心後臺的活，兩者開發可以同時進行，在後臺還沒有時間提供接口的時候，前端可以先將數據寫死或者調用本地的json文件即可，頁面的增加和路由的修改也不必再去麻煩後臺，開發更加靈活。
3. 局部性能提升
   通過前端路由的配置，我們可以實現頁面的按需加載，無需一開始加載首頁便加載網站的所有的資源，服務器也不再需要解析前端頁面，在頁面交互及用戶體驗上有所提升。
4. 降低維護成本
   通過MVC框架，我們可以非常快速的定位及發現問題的所在，客戶端的問題不再需要後臺人員參與及調試，代碼重構及可維護性增強。

應用場景

• 只有嘗試了才知道適不適合，只有切身體會才能辨別誰是誰非，本文並非推崇一定要前後端分離，而是希望大家在合適的應用場景下去嘗試前後端分離，在豐富經驗的同時或許也會擦出火花。