这个是参考single-spa的，哈哈，包括qiankun都是基于single-spa，在微应用这块，我这里就不多说，因为网上有很多这方面的实践，就不凑热闹了，通俗一点理解微应用和微模块，微应用就是会

《揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇》 主要为大家讲述 vivo 活动中台的能力与创新。 《悟空活动中台 - 微组件状态管理（上）》介绍了活动页内微组件之间的状态管理和背后的设计思路。 在上一篇 【悟空活动中台 - 微组件状态管理（上）】中，我们一起回…

这篇文章大致是为了回答几个问题： 迁移到微前端，我们到底要什么？ 业界的「微前端」体系通常包括哪些部分？ 贴近研发同学侧的「微前端框架」通常用什么样的技术？

经过各种技术调研我们最终选择的方案是基于 Single-SPA 来实现我们的前端微服务化. (兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angular, Ember等任意技术框架),并且不需要刷新页面. (无需重构现有代码)使…

微前端是我参加工作不久，一个同事大佬在公司尝试推行的，本人有幸参与其中。在微前端的概念出现之前，微服务就已经出现并且大火，而微前端就是借鉴了微服务的架构而产生的，他们很相似，我们可以对比着理解。 关于微前端网上也有很多讨论，本以为微前端是一个很复杂的东西，然而自己亲自参与过后发…

从基本使用 -> 部署 -> 框架源码分析 -> 手写框架，带你全方位刨析 single-spa 框架

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…

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

1. 安装 2. 主应用注册 3. 子应用的改造 在研究qiankun的原理之前，我们应该试着提出一些问题，然后在阅读源码的过程中去寻找答案。对于qiankun，我们比较关心的问题有： 配置微应用的第一步就是在主应用中注册子应用，配置好子应用的名称、入口、dom容器以及唤醒条件…