前後端不分離

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

前後端分離

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

前後端分離的優點

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

應用場景

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

參考文章： 我們為什麼要嘗試前後端分離.