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