作為在開發(fā)領域飛了幾年的老鳥，你是否遇到過前端后端都要管的苦惱？是否因為前后端的各種耦合，擴展非常艱難？還是說只會后端跳槽被鄙視？

Web發(fā)展至今技術(shù)非常成熟，主流有兩種不同的開發(fā)方式：前后端不分離和前后端分離。今天，小編就為大家一一揭秘！

一、前后端不分離

前端頁面看到的效果都是由后端控制，由后端渲染頁面或重定向，也就是后端需要控制前端的展示，前端與后端的耦合度很高。

二、前后端分離

后端僅返回前端所需的數(shù)據(jù)，不再渲染HTML頁面，不再控制前端的效果。至于前端用戶看到什么效果，從后端請求的數(shù)據(jù)如何加載到前端中，都由前端自己決定，網(wǎng)頁有網(wǎng)頁的處理方式，App有App的處理方式，但無論哪種前端，所需的數(shù)據(jù)基本相同，后端僅需開發(fā)一套邏輯對外提供數(shù)據(jù)即可。在前后端分離的應用模式中?，前端與后端的耦合度相對較低。

三、前后端分離的優(yōu)勢

1、加快整體響應速度。

前端/WEB服務器放的是css，js，圖片等一系列靜態(tài)資源，負責控制頁面引用&跳轉(zhuǎn)&路由，后端/應用服務器使用IIS/Nginx提供數(shù)據(jù)即可，職責拆分提升響應速度。

2、快速定位問題

? ?發(fā)現(xiàn)bug，可以快速定位問題，頁面邏輯，跳轉(zhuǎn)錯誤，瀏覽器兼容性問題，腳本錯誤，頁面樣式等問題，全部由前端工程師來負責。接口數(shù)據(jù)出錯，數(shù)據(jù)沒有提交成功，應答超時等問題，全部由后端工程師來解決，各司其職！

3、同時水平擴展前后端服務器

? ?在大并發(fā)情況下，可以同時水平擴展前后端服務器，比如淘寶的一個首頁就需要2000+臺前端服務器做集群來抗住日均億級pv，同時后端服務器也是獨立做集群擴展，做到每個環(huán)節(jié)都能水平擴展！

4、減少后端服務器的并發(fā)/負載壓力

? ?除了數(shù)據(jù)接口以外的其他所有http請求全部轉(zhuǎn)移到前端服務器上，接口的請求調(diào)用IIS/Nginx。而且除了第一次頁面請求外，瀏覽器還可以大量調(diào)用本地緩存，大大降低后臺服務器的壓力。

5、接口共用

? ?也許你還有有微信相關的輕應用，還有?app相關的服務，那么只要通過一些代碼重構(gòu)，也可以大量復用接口，提升開發(fā)效率，真正做到一套后臺多套客戶端。

除此之外，前后端分離，增加代碼的維護性&易讀性，nginx支持頁面熱部署，不用重啟服務器，前端升級更無縫。開發(fā)效率得到提升，因為可以前后端并行開發(fā)，而不是像以前的強依賴。正所謂術(shù)業(yè)有專攻，越來越多的大公司更看中前后端分離！

四、前后端分離的框架選型

當前，三大主流前端框架分別是React、Vue、Angular這三個框架，但是從?GitHub 趨勢看，Vue 已經(jīng)排在第一位，達到了 13 萬的 Star。國內(nèi)主流都是以Vue為第一選項！不管是 BAT 大廠，還是創(chuàng)業(yè)公司，Vue 都有著廣泛的應用，可以說，對于任何一個全棧開發(fā)來說，?Vue 屬于“必修課”。

? ? 聽了小編的這一番解讀，是不是燃起了學習之心！趕緊去學起來吧！