上一篇文章：从0实现一个single-spa的前端微服务（中）中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置，今天主要讲一下这个方案存在的细节问题，以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…

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

什么是前端微服务，网上大把的介绍，我就不啰嗦了，简单来说，就是把各个子项目整合到一起。 iFrame。使用 iFrame 及自定义消息传递机制 其中比较常见的就是iframe和single-spa，这两者各有千秋。 页面加载问题: 影响主页面加载，阻塞onload事件，本身加载…

微前端实现沙箱的常用几种方式，有基于ifram的方式，通过diff方式实现，还可以通过代理(proxy)实现单实例和多实例沙箱

由于 qiankun 是在 single-spa 的基础上做的二次开发，所以 qiankun 的用法和 single-spa 基本一样，也分为 application 模式和 parcel 模式。application 模式是基于路由工作的，它将应用分为两类：基座应用和子应用。…

通过对上一篇微前端学习系列(一): 微前端介绍学习，相信大家对微前端及当前流行技术方案已经有了一个初步的认识了吧。本文将在上一篇的基础上，就 single-spa 方案从用法、常用API、实现原理等方面进行详细梳理，希望能给到大家一定的帮助。 在开始之前，我们先做一个简单回顾。…

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业务的不断发展，应用开始变得庞大臃肿，逐渐成为一个巨石应用，难以维护不说，每次开发、上线新需求时还需要花费不…