㈠ 微服务和前端的关系
微服务是后端架构，前端如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是最符合快速开发快速迭代的，人员培养又简单，后期维护又不复杂。