為什么要前后端分離？前后端分離的優(yōu)點是什么？

隨著互聯(lián)網的高速發(fā)展以及IT開發(fā)技術的升級，前后端分離已成為互聯(lián)網項目開發(fā)的業(yè)界標準使用方式。在實際工作中，前后端的接口聯(lián)調對接工作量占HTML5大前端人員日常工作的30%-50%，甚至會更高。接下來千鋒小編分享的廣州HTML5大前端學習就給大家講解前后端分離接口。

為什么要前后端分離？

把前端與后端獨立起來去開發(fā)，放在兩個不同的服務器，需要獨立部署。兩個不同的工程，兩個不同的代碼庫，不同的開發(fā)人員，前后端工程師需要約定交互接口，實現同步開發(fā)。開發(fā)結束后需要進行獨立部署，前端通過接口來調用調用后端的API，前端只需要關注頁面的樣式與動態(tài)數據的解析和渲染，而后端專注于具體業(yè)務邏輯。

前后端分離的優(yōu)點是什么？

1、徹底解放前端。前端不再需要向后臺提供模板或是后臺在前端HTML中嵌入后臺代。

2、提高工作效率，分工更加明確。前端只關注前端的事，后臺只關心后臺的活，兩者開發(fā)可以同時進行，在后臺還沒有時間提供接口的時候，前端可以先將數據寫死或者調用本地的JSON文件即可，頁面的增加和路由的修改也不必再去麻煩后臺，開發(fā)更加靈活。

3、局部性能提升。通過前端路由的配置，我們可以實現頁面的按需加載，無需一開始加載首頁便加載網站的所有的資源，服務器也不再需要解析前端頁面，在頁面交互及用戶體驗上有所提升。

4、降低維護成本。通過目前主流的前端MVC框架，我們可以非常快速的定位及發(fā)現問題的所在，客戶端的問題不再需要后臺人員參與及調試，代碼重構及可維護性增強。

5、實現高內聚低耦合，減少后端（應用）服務器的并發(fā)/負載壓力。

6、即使后端服務暫時超時或者宕機了，前端頁面也會正常訪問，但無法提供數據。

7、可以使后臺能更好的追求高并發(fā)、高可用、高性能，使前端能更好的追求頁面表現、速度流暢、兼容性、用戶體驗等。

前端工程是如何調用接口？

Ajax在瀏覽器與Web服務器之間使用異步數據傳輸（HTTP 請求），通過get或者post方法與服務器交互。

前端和后端之所以需要對接，是因為前端頁面只負責提供視圖沒有內容，而后端只提供內容，兩者所謂的對接，就是把后端的內容放在前端頁面預留出來的位置上。（雖然說是前端后端 ，但這一對接實際發(fā)生在服務器端）。

所以服務器端進行的交互活動如下：

接收用戶請求——》找到負責處理的程序——》處理程序找到要傳輸給用戶的前端頁面——》該前端頁面留出位置——》后端到數據庫取數據——》后端把數據放在前端留出來的位置上——》結合成真正用戶看到的HTML文件——》傳輸給用戶。