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

我们团队正在做一个XX系统，技术栈是React，目前该系统日渐庞大，开发及维护成本加大，且每次必须把整个项目一起打包，费时费力。经考虑后决定将其拆分成多个项目，由它们组合成一个完整系统，微前端架构是非常好的选择。 对我们来说最大的好处是单项目维护。 注意看地址栏变化，其中包含 …

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

复杂度可控: 体积小、复杂度低，每个微服务可由一个小规模开发团队完全掌控，易于保持高可维护性和开发效率。 独立部署: 由于微服务具备独立的运行进程，所以每个微服务也可以独立部署。 技术选型灵活: 微服务架构下，技术选型是去中心化的。每个团队可以根据自身服务的需求和行业发展的现状…

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

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

随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的…