最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端，能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同一个主应用。各个子应用可以独立运行、独立开发和独立部署。 微前端架构概念的诞生及应用对于提供复杂应用服务的企业来说显…

如果你关注了我，你就知道我对微前端非常热衷，我和他们一起工作了一段时间，并且也保持着开放的心态，分析不同的方式，来理解他们的利弊。 如果你没有关注我，而是从技术角度对这个主题感到好奇，请查看我的 Medium 主页，除此之外，还有许多其他的关于微前端的资源，只需在 Medium…

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …

微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。 Dynamic vs. static ui composition Microservice…

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

微前端的概念最早由 thoughtworks 在 2016 年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。最终再由一个容器应用，将拆分后的微前端工程组合为一个整体，面向用户提供服务。 微…

你可能听说过 BigPipe，这是一个十多年前的技术，而 BigPipe 通常都会跟“性能优化”同时被提起。微前端也是一个很早被提出的技术，但是最近几年才开始比较流行。而目前微前端能够解决的最大的问题恐怕就是遗留系统改造。我们可以将新技术构造的系统和旧技术构造的系统完美融合到一…

首先，必须先了解什么是微前端架构。 single-spa 就是其中一种实现微前端架构的方式，或者说是一门框架。 single-spa 是一个让你能在一个前端项目里面兼容多个框架或者项目的框架。 同一页面使用多个框架而无需刷新页面。 独立部署微内容。 使用新框架编写代码，而无需重…

本文所讲述的微前端区别于广泛认知的微前端定义，它不兼容不同技术栈（微前端的简单实现），为了区分我称之为同构微前端。相比之下，同构微前端降低复杂度的同时，又避免了多个框架、组件库导致的依赖臃肿问题，是我十分推崇的架构设计。 通过上一节的优化，我们已经有了从零构建中小型单页项目的能…