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

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

為什么要前后端分離？

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

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

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

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

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

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

5、實現(xiàn)高內(nèi)聚低耦合，減少后端（應(yīng)用）服務(wù)器的并發(fā)/負載壓力。

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

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

前端工程是如何調(diào)用接口？

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

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

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

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