資訊專欄INFORMATION COLUMN
摘要：因此今天要討論的話題就是前后端分離的開發(fā)，讓前端工程師的工作更飽滿，更具有價(jià)值如何實(shí)現(xiàn)前后端分離要實(shí)現(xiàn)前后端分離開發(fā)其實(shí)不是什么難事，前輩早就有很多經(jīng)驗(yàn)了，比如等。
為什么要做分離開發(fā)：
現(xiàn)在很多公司的web開發(fā)模式都是用jsp、php、asp等等開發(fā)，由服務(wù)端渲染，而前端工程師的工作就是完成切圖及靜態(tài)頁面的搭建，他們的精力都放在了輔助別人完成項(xiàng)目的工作，背鍋還不討好，責(zé)任劃分不明確。因此今天要討論的話題就是前后端分離的開發(fā)，讓前端工程師的工作更飽滿，更具有價(jià)值！
如何實(shí)現(xiàn)前后端分離：
要實(shí)現(xiàn)前后端分離開發(fā)其實(shí)不是什么難事，前輩早就有很多經(jīng)驗(yàn)了，比如：angular 、vue（1x 2x）等。
首先來說angular.js ， 不推薦學(xué)習(xí)，第一個(gè)原因就是框架太過沉重，現(xiàn)在都講究輕量級開發(fā)，更何況框架過于陳舊。
再來說vue 1x，這個(gè)框架其實(shí)和angular很相似，本地沒有server，客戶端渲染比較方便，用起來也比較方便，直接通過script src=“”引入庫文件就可以，部署的時(shí)候放在靜態(tài)服務(wù)里就可以運(yùn)行了，其實(shí)這個(gè)還是很推薦使用的，上手容易，用起來簡單，本地沒有server，很實(shí)用的前后端分離方法。
再來說vue 2x（cli），這個(gè)就比較高大上了，有點(diǎn)前端工程的意思了，結(jié)合了node.js，有了本地server路由和配置文件，還可以做到組件化開發(fā)，提高了復(fù)用率，新手直接上手的話還是有點(diǎn)找不到頭緒的，建議把vue 1x弄明白了 ，ajax弄明白了在上手學(xué)習(xí)。北上廣等一線大城市用的也比較多，日后可能成為web開發(fā)的主流框架，建議學(xué)習(xí)。
jquery實(shí)現(xiàn)前后端分離，其實(shí)jq+ajax也是能實(shí)現(xiàn)前后分離的，就是沒有路由...很尷尬，還有一點(diǎn)就是開發(fā)成本挺高的，前端渲染的方法很單一很笨重了，無非就是appen（）、html（）、text（）等等一些辦法，但是網(wǎng)上jquery的插件特別多特別全，配合jquery的話也很得勁，也推薦使用
最后要說的就是node+express+ejs/jade的前后端分離開發(fā)了，這種是主流的開發(fā)辦法，node的框架express可以提供本地服務(wù)和路由，配合魔板引擎jade+ejs可以實(shí)現(xiàn)快速開發(fā)，一些復(fù)雜的數(shù)據(jù)結(jié)構(gòu)處理也可以在node程序中完成，實(shí)際上node起到了一個(gè)中間層的作用，后端對接java/php的接口，前端對接ejs/jade魔板引擎，實(shí)現(xiàn)前端服務(wù)端頁面渲染，很高大上。缺點(diǎn)就是你寫的node程序一旦報(bào)錯(cuò)就會全盤崩潰你不會屏蔽錯(cuò)的的話就會死的很慘，要謹(jǐn)慎！
好了，以上純屬我個(gè)人意見，如果有不同看法請給我留言
本文章屬于原創(chuàng)作品，轉(zhuǎn)載請注明出處）
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115664.html
摘要：因此今天要討論的話題就是前后端分離的開發(fā)，讓前端工程師的工作更飽滿，更具有價(jià)值如何實(shí)現(xiàn)前后端分離要實(shí)現(xiàn)前后端分離開發(fā)其實(shí)不是什么難事，前輩早就有很多經(jīng)驗(yàn)了，比如等。 為什么要做分離開發(fā)： 現(xiàn)在很多公司的web開發(fā)模式都是用jsp、php、asp等等開發(fā)，由服務(wù)端渲染，而前端工程師的工作就是完成切圖及靜態(tài)頁面的搭建，他們的精力都放在了輔助別人完成項(xiàng)目的工作，背鍋還不討好，責(zé)任劃分不明確。...
摘要：但似乎他們的職責(zé)在以前甚至于現(xiàn)在都并不明確，雖然前端是跟瀏覽器打交道，但是最終瀏覽器拿到的頁面是服務(wù)器通過模板生成的一個(gè)臨時(shí)靜態(tài)頁面而已。當(dāng)然，一般傳統(tǒng)上的開發(fā)協(xié)作模式有兩種一種是前端先寫一個(gè)靜態(tài)頁面，寫好后，讓后端去套模板。隨著不同終端（Pad/Mobile/PC)的興起，對開發(fā)人員的要求越來越高，純?yōu)g覽器端的響應(yīng)式已經(jīng)不能滿足用戶體驗(yàn)的高要求，往往需要針對不同的終端開發(fā)定制的版本，為了提...
摘要：從事開發(fā)的程序員，對于前后端分離模式多半不陌生，這也是目前主流的開發(fā)模式，具體關(guān)于前后端分離的模式可以參看文章你不得不了解的前后端分離原理，在這里寫者不進(jìn)行說明。原理圖如下，前后端在一個(gè)進(jìn)程同一個(gè)端口中，通過熱替換更新的，而不是全量重啟。 從事 Web 開發(fā)的程序員，對于前后端分離模式多半不陌生，這也是目前主流的 Web 開發(fā)模式，具體關(guān)于前后端分離的模式可以參看文章《你不得不了解的前...
摘要：前段時(shí)間我針對手頭上的項(xiàng)目前端配置進(jìn)行了反思以及總結(jié)并且寫了兩篇文章傳統(tǒng)后端渲染的項(xiàng)目前端配置配置之前后端不分離很顯然這些配置能滿足一時(shí)的需求但是也有不足今天繼續(xù)總結(jié)這里應(yīng)該不涉及到具體后端語言只對前端配置進(jìn)行描述畢竟配置工程師逃靜態(tài)資源管 前段時(shí)間我針對手頭上的項(xiàng)目前端配置進(jìn)行了反思以及總結(jié)并且寫了兩篇文章: webpack傳統(tǒng)后端渲染的項(xiàng)目前端配置, webpack配置之前后端不分...
閱讀 2713·2021-10-22 09:55
閱讀 2074·2021-09-27 13:35
閱讀 1298·2021-08-24 10:02
閱讀 1567·2019-08-30 15:55
閱讀 1232·2019-08-30 14:13
閱讀 3500·2019-08-30 13:57
閱讀 2004·2019-08-30 11:07
閱讀 2487·2019-08-29 17:12
