如果是問“什么是正確的前后端分離”，我還真不敢回答，生怕自己的理解有什么偏差；但是問怎么“理解前后端分離”，那我可以結(jié)合自身的工作，談?wù)勎覍?duì)前后端分離的理解，也歡迎大家提出不同的理解。

我07年參加工作就是做企業(yè)級(jí)項(xiàng)目的開發(fā)，那時(shí)候的一些項(xiàng)目都只有一個(gè)包，沒有什么代碼規(guī)范，業(yè)務(wù)邏輯散落在各處，甚至是JSP中直接訪問數(shù)據(jù)庫并做業(yè)務(wù)處理。

后來逐漸有了一些規(guī)范，頁面就是頁面，代碼就是代碼，很多項(xiàng)目開始使用Ajax框架。

發(fā)展的更進(jìn)一步，后端代碼有了分層，cotroller/service/，可能每個(gè)項(xiàng)目分層策略不同（三層和兩層居多），每層的叫法不同（cotroller還是action），數(shù)據(jù)從頁面到最后訪問數(shù)據(jù)庫，需要走到多個(gè)分層中。

不過到了此階段，在企業(yè)級(jí)項(xiàng)目的開發(fā)過程中，Java程序員依然要兼顧前后端的開發(fā)，所以前端頁面的樣子嘛，達(dá)不到美觀的程度，也就是能用。

前后端分離有很多的好處：前端開發(fā)和后端開發(fā)可以各司其職，約定好接口之后就可以并行開發(fā)；后端接口可以復(fù)用，如果項(xiàng)目同時(shí)有電腦網(wǎng)頁端、移動(dòng)網(wǎng)頁端、APP端等多個(gè)入口的時(shí)候，后端可以只有一個(gè)；

帶來好處的同時(shí)，也會(huì)有一些缺點(diǎn)，例如：增加了架構(gòu)的復(fù)雜性，如果技術(shù)能力不足的團(tuán)隊(duì)，可以考慮半分離（例如我們部門都是企業(yè)級(jí)應(yīng)用，都沒有前端開發(fā)人員）；如果是面向互聯(lián)網(wǎng)的應(yīng)用，需要搜索引擎抓取，就需要服務(wù)器端渲染；另外前后端交互的接口，也需要花時(shí)間和精力設(shè)計(jì)。

web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。簡(jiǎn)單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。Web前端開發(fā)工程師負(fù)責(zé)pc和手機(jī)的web前端開發(fā)、界面布局、美學(xué)設(shè)計(jì)、web應(yīng)用程序設(shè)計(jì)開發(fā)、html/css代碼質(zhì)量控制、java數(shù)據(jù)處理，熟練掌握J(rèn)ava、css、html等web標(biāo)準(zhǔn)化頁面設(shè)計(jì)。web前端開發(fā)推薦千鋒教育。web前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML、CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。前端開發(fā)從網(wǎng)頁制作演變而來，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。想要了解更多有關(guān)web前端的相關(guān)信息，推薦咨詢千鋒教育。千鋒教育成立教研學(xué)科中心，推出貼近企業(yè)需求的線下技能培訓(xùn)課程。采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，學(xué)科大綱緊跟企業(yè)需求，擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，在職業(yè)教育發(fā)展道路上不斷探索前行。

web開發(fā)工程師，主要使用所學(xué)的技術(shù)來開發(fā)應(yīng)用層程序、比如可以應(yīng)用所學(xué)的前端知識(shí)來開發(fā)安卓、 ios和pc 上的應(yīng)用程序app，或者 各種網(wǎng)頁上的游戲

入門級(jí)做頁面。就這么簡(jiǎn)單。把Designer出的各種設(shè)計(jì)圖轉(zhuǎn)化成html+css+js+image的靜態(tài)網(wǎng)頁，并把它們交給后端開發(fā)人員制作成頁面模板。這就是入門級(jí)的前端工程師所做的事情。進(jìn)階級(jí)還是做頁面。不過稍微復(fù)雜一些，你需要開始注意一些更復(fù)雜的問題，首當(dāng)其沖的就是瀏覽器兼容性問題。老實(shí)說瀏覽器兼容性問題真的不是那么好搞定的，畢竟每個(gè)項(xiàng)目對(duì)瀏覽器版本的要求都不一樣，而且現(xiàn)在不光有PC瀏覽器還有各種移動(dòng)設(shè)備上的瀏覽器，同時(shí)國內(nèi)廠家的瀏覽器種類也越來越多，坑也是密密麻麻。除了兼容性，你可能還要關(guān)注一下性能問題，包括但不限于網(wǎng)絡(luò)性能、渲染性能、js邏輯的性能等等，這個(gè)展開講可以寫本小冊(cè)子了，呵呵。中級(jí)帶團(tuán)隊(duì)。你可能會(huì)奇怪，一個(gè)中級(jí)工程師就能帶團(tuán)隊(duì)了？可是真的很多公司就是這樣，尤其是小公司。當(dāng)你了解了html、js、css以及各種瀏覽器的各種特性細(xì)節(jié)之后，你會(huì)被任命帶領(lǐng)一個(gè)小的開發(fā)團(tuán)隊(duì)，當(dāng)然是前端開發(fā)團(tuán)隊(duì)?？赡芗幽阋还惨簿腿膫€(gè)人，甚至更少。這時(shí)候你的工作內(nèi)容除了自己寫一點(diǎn)頁面以外，還會(huì)幫助組員解決各種各樣的細(xì)節(jié)問題，畢竟，組里，你是最懂技術(shù)細(xì)節(jié)的。這個(gè)時(shí)候，一部分人開始停步不前，而另一部分人開始關(guān)注另一個(gè)新的問題：工程化。前端代碼都是非常松散的，項(xiàng)目結(jié)構(gòu)性差，一旦開發(fā)人員數(shù)量多起來，業(yè)務(wù)復(fù)雜起來，如何管理這么多人、這么多代碼是個(gè)非常大的問題。能否在這個(gè)問題上得到突破，決定了你能否邁向下一個(gè)級(jí)別。高級(jí)架構(gòu)設(shè)計(jì)。此時(shí)你熟悉前端開發(fā)的各種技術(shù)細(xì)節(jié)（當(dāng)然忘了一部分細(xì)節(jié)也沒事 ^_^），同時(shí)對(duì)各種前端框架、技術(shù)的特性聊熟于胸，你知道如何組織和管理項(xiàng)目讓大家能以最快的速度達(dá)到項(xiàng)目要求，你甚至了解手下每個(gè)人的所長(zhǎng)所短。于是當(dāng)新項(xiàng)目到來，你迅速根據(jù)自身過往的經(jīng)驗(yàn)選取若干種技術(shù)和工具，配上你認(rèn)為最合適的人選組成項(xiàng)目團(tuán)隊(duì)，披荊斬棘日夜兼程將產(chǎn)品汪的各種奇葩需求斬于馬下。這么做了一兩個(gè)項(xiàng)目之后，你可能又覺得空虛了，你要尋求新的目標(biāo)。恰好，NodeJS打開了通往新世界的大門。非典型前端穿過NodeJS打開的大門，你進(jìn)入了全新的世界——后端。全新的世界，無限的可能。樓上寸老師說的“上天入地，無所不能”，我猜就是這個(gè)狀態(tài)。愛干嘛干嘛吧，這個(gè)時(shí)候，你應(yīng)該不會(huì)再來問“后端程序員都在干嘛”這種問題了。其實(shí)，要成為一名“非典型前端”并不一定非得經(jīng)過1~4的步驟。只是現(xiàn)在已經(jīng)上了年紀(jì)的前端大多是這樣過來的，畢竟，NodeJS出來的時(shí)間也并不算很久。

1、Web前端開發(fā)工程師職責(zé)Web前端開發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性；Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開發(fā)；配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能；利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型；Web新技術(shù)調(diào)研和資訊整理；精通HTML/XHTML、CSS，熟悉頁面架構(gòu)和布局，對(duì)Web標(biāo)準(zhǔn)和標(biāo)簽語義化有深入理解；熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷耄?、Web前端開發(fā)工程師基本技術(shù)對(duì)常用的一些JS框架了解，如jQuery、YUI等。掌握基本的JavaScript計(jì)算方法編寫。對(duì)目前互聯(lián)網(wǎng)流行的網(wǎng)頁制作方法（）HTML+CSS，以及各大瀏覽器兼容性有很大的了解。對(duì)前沿技術(shù)（HTML5+CSS3）的基本掌握。如今html5現(xiàn)已進(jìn)入了快車道，就業(yè)市場(chǎng)火爆，但是企業(yè)人才缺口依然較大，在互聯(lián)網(wǎng)市場(chǎng)，就業(yè)競(jìng)爭(zhēng)也在日益加大。雖然 html5培訓(xùn)相對(duì)來講門檻較低，但是找一家專業(yè)的培訓(xùn)機(jī)構(gòu)學(xué)習(xí)也是至關(guān)重要。

1、負(fù)責(zé)網(wǎng)站的前端開發(fā)。2、與程序開發(fā)人員密切合作 ，制定前后端的程序接口標(biāo)準(zhǔn)。3、不斷優(yōu)化前端體驗(yàn)和頁面響應(yīng)速度 ，保持良好的兼容性 ，提高web界面易用性 。4、完成產(chǎn)品設(shè)計(jì)、開發(fā)等工作 。5、解決項(xiàng)目開發(fā)過程中遇到的技