㈠ 微服務和前端的關系
微服務是後端架構，前端如vue框架使用微服務和其他語言類似，分為前端團隊和後端開發相互開發對接即可。
推薦一個開源項目。採用vue3作為前端框架。
MateCloud 基於Spring Cloud Alibaba推出的微服務快速開發平台，集成Nacos 2.0.3、Sentinel 1.8.2、Jetcache等諸多中間件。前端採用Vue3.2.4、Vite 2.5.1、Ant-Design-Vue 2.2.6、TypeScript的大型中後台解決方案。 其中前端4.0.8-M2版本正在發布，實現了系統管理的基礎功能，主要包括菜單管理、用戶管理、角色管理、部門管理、日誌管理、客戶端管理等功能。正持續更新中，歡迎體驗。
網路搜索MateCloud即可。
㈡ 微服務架構下，進行前後端分離，前端怎麼寫
分離後的前端，不再是一個簡單的HTML文件，已經是一個獨立的應用系統。除了要考慮頁面的數據渲染展示，還要用工程化的思想來考慮前端的架構，前後端的交互和數據安全等事情。
RESTful介面交互
前後端分離之後，更多的是採用RESTful風格的介面與後端進行數據交互。
REST是「呈現狀態轉移（REpresentational State Transfer）」的縮寫，一種API的架構風格，在客戶端和服務端之間通過呈現狀態的轉移來驅動應用狀態的演進。
在 REST 樣式的 Web 服務中，每個資源都有一個地址。資源本身都是方法調用的目標，方法列表對所有資源都是一樣的。這些方法都是標准方法，包括 HTTP GET、POST、PUT、DELETE，還可能包括 HEADER 和 OPTIONS。
RESTful的API設計，使得後端通過介面向前端傳遞數據，數據的格式通常是JSON這種通用的格式。對前端來說，只要後端返回過來的是RESTful的數據就行，不管後端是用Java寫，還是用python或PHP，拜託對後端的依賴，做到前端系統的獨立。
工程化構建
Nodejs不止可以用來做前端伺服器，在開發階段，它也能發揮很大的作用。
前端生態的發展，是圍繞著Nodejs進行的。用npm來管理項目依賴，可以很好的維護和運行在Nodejs環境上。
打包工具grunt、gulp、webpack和rollup等，都是運行在nodejs上，再結合語法編譯、打包部署等插件，將應用輸入成一個完整的應用。
如果你使用了Angular、React或Vue框架，或者你使用瀏覽器暫時還不兼容的ES6語法，還需要在應用打包前用babel將語法編譯成瀏覽器可識別的ES5的語法。
SPA
SPA是單頁Web應用（single page web application，SPA）的簡寫，就是只有一張Web頁面的應用，是載入單個HTML 頁面並在用戶與應用程序交互時動態更新該頁面的Web應用程序。
像Angular、React或Vue就是為了SPA而設計的，結合前端路由庫（react-router、vue-router）和狀態熱存儲（rex、vuex）等，可以開發出一個媲美Native APP的Web APP，用戶體驗得到了很大的提升。
當然，SPA也不是完美的，也不是適合所有的web應用，需要結合項目和場景來選擇。
SPA有如下缺點：
初次載入耗時增加。可以通過代碼拆分、懶載入來提升性能，減少初次載入耗時。
SEO不友好，現在可以通過Prerender或Server render來解決一部分。
頁面的前進和後端需要開發者自己寫，不過現在一些路由庫已經幫助我們基本解決了。
對開發者要求高，由於做SPA需要了解一整套技術棧，所以，要考慮後期是否有合適的人選進行維護。
㈢ 號稱目前最火的前端框架Vue，它有什麼顯著特點呢
1、Vue是什麼- Vue.js 是目前最火的一個前端框架，除了可以開發網站，還可以開發手機App。
- Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，並成為前端三大主流框架。
- Vue.js 是一套構建用戶界面的框架，只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。
- Vue.js 是一套用於構建用戶界面的漸進式框架。
- 遵循 MVVM 模式
- 編碼簡潔，體積小，運行效率高，適合移動/PC 端開發
- 它本身只關注 UI, 可以輕松引入 vue 插件或其它第三庫開發項目
總結一句話：不要在想著怎麼操作DOM，而是想著如何操作數據!!
㈣ 前端vue2新建頁面功能
一般用在控制用戶是否有許可權進入，或者當遊客進行某些必須是用戶的操作時，跳轉登陸。
是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue被設計為可以自底向上逐層應用。
Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
㈤ vue如何實現前端頁面切換但不刷新頁面內容
在點餐的時候，我們提交到確認訂單卻又返回了，從新再點。這時我們返回時就不能刷新，所以最好是這個點餐和確認訂單是在一個頁面的。如果使用mui的單頁面，可能會是頁面太多了不方便操作。再加上介面什麼的，就內容過多。
我們可以考慮利用框架iframe，第二個頁面通過iframe引進來，但是注意他們可能是一個頁面了，當你進入第二個也就是那個iframe框架的頁面時，返回可能就是整體返回而忽視點餐的那個頁面，因為把他們當整體啦。
知識點：
window.self 對當前窗口自身的引用。等價於window
window.top. 返回頂層窗口，即瀏覽器窗口
window.parent 返回父窗口。在框架網頁中，一般父窗口就是頂層窗口，但如果框架中還有框架，父窗口和頂層窗口就不一定相同了。
在框架iframe指的那個具體的頁面中寫：
window.parent .closeiframe()
在包含框架的主頁面寫
function closeiframe(){//返回到該頁面時隱藏框架
$("iframe").hide();
}
返回父窗口。
㈥ 前端頁面用vue的一個博客框架，二者一起使用沖突嗎
這三者中，Angular的適用領域相對窄一些，React可以拓展到服務端，移動端Native部分，而Vue因為比較輕量，還能用於業務場景非常輕的頁面中。但是目前Angular應用是最廣泛的，其他兩個框架發展趨勢非常好。
㈦ 最近和業內的一些前端大神交流，廣州藍景的前輩告訴我，現在前端的框架使用，以VUE.JS為主，大家覺得呢
Angular的實現最嚴謹（國外用得多），React的思想最正確，所以Vue是最好的前端框架。
Angular的話，其實思路比較明確了特定情況下，一定會選這個，沒有替代性，比如我現在正在做的多團隊協作，不用NG的注入機制，不用TS的強校驗，就沒法完美解決，那就當然要用NG啦。
React是我最喜歡的，設計思路是王道，但是對使用者要求太高，對需求穩定性的要求也高，開發維護成本其實是3個框架中最高的，不過如果能用的好，效果也是最好的。
Vue提倡的漸進式的開發，而這點正是最貼切前端開發的思路，容易入手容易協同，能夠更快速靈活的開發迭代，而這些正是Vue的成功之處，可以說是最具互聯網思維的前端框架了。選擇Vue不是因為它完善，而是因為它能包容不完善。
目前的創業公司基本都會選擇Vue，Vue是最符合快速開發快速迭代的，人員培養又簡單，後期維護又不復雜。