0 NO 前后端分離是趨勢(shì)，但是也還存在問(wèn)題（例如SEO，搜索引擎難以識(shí)別等），短時(shí)間內(nèi)不可能取代不分離的
1 主要區(qū)別是，數(shù)據(jù)和表現(xiàn)分離，只需要靜態(tài)的html和動(dòng)態(tài)的接口（例如jsp），數(shù)據(jù)在瀏覽器端實(shí)現(xiàn)動(dòng)態(tài)加載
2 理想情況是，先出文檔（前后端都認(rèn)可），然后后端、前端都按照文檔來(lái)，一切以接口規(guī)定的為準(zhǔn)
3 跟端口沒一毛錢關(guān)系，重點(diǎn)在于接口！靠 API 來(lái)分離前后端，解決前后端大團(tuán)隊(duì)、多版本、復(fù)雜功能協(xié)作的問(wèn)題

補(bǔ)充：
可以參考淘寶前端的設(shè)計(jì)，在 java 接口和 html 輸出之前用 NodeJS 代理一層，暫時(shí)能解決 SEO 的問(wèn)題
定義好了接口，前端就可以用不用等后端，直接用模擬的數(shù)據(jù)格式，方便地進(jìn)行前端測(cè)試了

說(shuō)重點(diǎn)，API 相比前后端混寫、模板引擎之類的東西的好處：
方便設(shè)計(jì)、開發(fā)、測(cè)試（前端不再需要依賴后端，后端也不需要依賴前端，就可以各干各的，獨(dú)立測(cè)試代碼）
方便記錄和統(tǒng)計(jì)功能使用（后端相同功能的入口位置統(tǒng)一，不同功能的位置也可以合理有序地組織）
方便修改和版本控制等（后端可以提供多版本的 API，不需要修改已有代碼，不影響已有 API 的功能）

最重點(diǎn)的是：
你的Team要是分工不明確、人少、功能簡(jiǎn)單直接、代碼修改不多，就完全不需要分離，就醬。

最明顯的：
前端代碼不用被后端粘貼來(lái)粘貼去了，后端的相同代碼，也不需要各種位置粘貼來(lái)粘貼去了。

隱藏的好處：
到時(shí)候出了問(wèn)題，照著 API 設(shè)計(jì)文檔一對(duì)比，就知道是前端用的不對(duì)，還是后端寫的不對(duì)，分分鐘找到背鍋俠。

Update 2017/10/13:
其實(shí)很有一個(gè)很大的優(yōu)勢(shì)忘了說(shuō)……
以后網(wǎng)站的功能，要做Windows、Mac、Android、IOS、Linux的客戶端，或者需要做成批量處理的腳本，或者需要和別的什么系統(tǒng)對(duì)接，什么微信公眾號(hào)、小程序之類的，等等等等……
有API在就能瞬間解決問(wèn)題！就這個(gè)提供給前端的API！一樣的！調(diào)用這個(gè)接口就行了！

前后端分離主要是分離 API, 后端專注于 API 及 數(shù)據(jù)庫(kù), 前端專注于展示, 如果有多端展示, 只需要復(fù)用一套 API 就好了, 職責(zé)清晰效率提高

前后端分離，分為部分分離和完全分離，部分分離為后端渲染，主要依賴于模板引擎把后端數(shù)據(jù)在前端顯示出來(lái)。前端渲染為完全分離。主要依賴于后端提供接口，前端去請(qǐng)求這些接口。現(xiàn)在前端好多MV**框架，比如angular，react，vue可以很好的構(gòu)建完全前后端的項(xiàng)目，數(shù)據(jù)渲染放在前端。

前端框架的誕生，打包編譯工具的興起。前端工程化也越來(lái)越流行了。

前端負(fù)責(zé)頁(yè)面邏輯 后臺(tái)更專注數(shù)據(jù) 這是大勢(shì)所趨

就是前后端利用API交流

搭車問(wèn)一下前后端分離的情況，

以前用php的時(shí)候 可以直接include包含統(tǒng)一的header

現(xiàn)在前端變成了純html，前端怎么樣使用統(tǒng)一的header和footer。

無(wú)論怎樣的開發(fā)模式都各有優(yōu)缺點(diǎn)，前后端分離大部分都是開發(fā)功能性的應(yīng)用的，例如網(wǎng)站后臺(tái)系統(tǒng)，公司內(nèi)部系統(tǒng)，線上的交互系統(tǒng)等不需要seo的應(yīng)用，如果開發(fā)CMS類的，需要利于搜索引擎抓取的內(nèi)容管理應(yīng)用，前后端分離顯然是不合理的，js動(dòng)態(tài)加載數(shù)據(jù)對(duì)搜索引擎來(lái)說(shuō)就是個(gè)災(zāi)難，所以需要根據(jù)項(xiàng)目實(shí)際應(yīng)用場(chǎng)景決定是否前后端分離；

現(xiàn)在主流都是前后端分離，后端出接口，前端ajax接接口

跨域跨域跨域