爲什麼要做分離開發：
現在很多公司的web開發模式都是用jsp、php、asp等等開發，而前端工程師的工作就是完成切圖及靜態頁面的搭建，他們的精力都放在了輔助別人完成項目的工作，背鍋還不討好，責任劃分不明確。因此今天要討論的話題就是前後端分離的開發，讓前端工程師的工作更飽滿，更具有價值！
如何實現前後端分離：
web的前後臺分離開發無非就是前後臺通過http進行通訊，後臺負責開發接口，前臺負責接口調用，各司其職。但不得不說的是前端工程師的時代已經到來了！要實現前後端分離開發其實不是什麼難事，前輩早就有很多經驗了，現在比較流行的三大框架分別是 Vue.js 、React、Angular.js 。它們都能幫你完成更簡單更方便的前後端分離開發，接下來給大家一一介紹。
Angular.js
首先來說Angular.js，它是前端較早的幾個js框架之一，使前端項目工程化，當時也是紅極一時，後幾個版本我沒用過，據說框架很笨重而且比較難上手，推薦指數3顆星
vue 1x
再來說vue 1x，這個框架其實和angular前幾個版本很相似，本地沒有server，客戶端渲染比較方便，用起來也比較方便，直接通過script src=“”引入庫文件就可以，部署的時候放在靜態服務裏就可以運行了，其實這個還是很推薦使用的，上手容易，用起來簡單，本地沒有server，很實用的前後端分離方法。推薦直說3顆星
vue 2x（cli）
再來說vue 2x（cli），相較於vue 1x改變還是很大的，有點前端工程的意思了。2x的創新性的改變就是它結合了Node.js，有了本地server、npm、路由和配置文件等...還可以做到組件化開發，提高了複用率。配合一下當下比較火的vue框架可以達到如虎添翼的效果，這裏給大家良心推薦幾個我用的挺好的框架：Element ui 、vux 、 mint ui 這些直接上網搜索就有詳細教程了。但是，新手直接上手的話還是有點找不到頭緒的，建議把vue 1x和ajax弄明白了再上手學習...推薦指數5顆星
React
接下來說一下React，React是原是fecebook團隊內部使用的框架，後整理並開源給外界使用，這一開源就火遍大江南北。React 應用都是構建在組件之上的，通過jsx 把HTML 直接嵌入了 JS 代碼裏面，通常的前端工程師是沒辦法接受這一點的，因爲html和js分離的觀念已經根深蒂固，當然React的成功就說明原來的觀念是陳舊的，React能真正意義上的實現前端的組件化，性能也有保障，react-native更是安卓ios通吃，真是無所不能的一個框架了。但是，這裏不得不說一個“但是”，因爲React的難度比較大很多工程師都半途而廢了，所以選擇不謹慎，親人兩行淚！推薦指數4.5星
jQuery
jQuery也能實現前後端分離，其實jq+ajax也是能實現前後分離的，就是沒有路由...很尷尬，還有一點就是開發成本挺高的，前端渲染的方法很單一很笨重了，無非就是appen()、html()、text()等等一些辦法，但是網上jquery的插件特別多特別全，配合jquery的話也很得勁。推薦指數3星
Node+express+ejs/jade
最後要說的就是Node+express+ejs/jade的前後端分離開發了，這種是Node大神偏愛的方法。Node的框架express可以提供本地服務和路由，配合魔板引擎jade+ejs可以實現快速開發，一些複雜的數據結構處理也可以在node程序中完成，實際上node起到了一箇中間層的作用，後端對接java/php的接口，前端對接ejs/jade魔板引擎，實現前端服務端頁面渲染，很高大上。缺點就是你寫的node程序一旦報錯就會全盤崩潰你不會屏蔽錯的的話就會死的很慘，要謹慎！
