上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

也就是说不同的vue组件可以共用同一个vue构造，不同的vue实例可以共用同一个vue组件。在大型项目中，用过java开发的都知道，继承是非常重要的，前端也一样。我们先看看他们之间的实现代码区别： 从上面的代码可以看出，vue构造和vue组件所需的部分初始化结构参数是一样的，这…

Excel导出依赖js-xlsx实现的首先需要下载3个依赖包在src目录下新建vendor文件夹，引入Blob.js和Export2Excel.js可以happy的导出啦导出导入用了element-u

由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 fileTemp这里定义了一下变量，指向最新上传的附件，起始定义为null。 这里发现控件file.raw是我们要用的File类型。 arr就是我们要的结果，是一个数组。每一个值是个对象，包含了code…

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用从单一的单体应用转变为由多个小型前端应用聚合为一的应用。 iFrame。使用 iFrame 及自定义消息传递机制 此次实践，采用的是Single-SPA的加载机制，具体如下。 portal项目启动…

前后端分离，你可以理解为这是两个不同的项目，前后端其实已经跨域了。我们在本地启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，但是这仅仅是前端页面的启动，如何跟后台交互拿到后台数据呢？ 通过在vue-…

single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…