微前端解决方案

微前端定义：Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. — Micro Frontends

微前端架构是为了在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。 微前端框架内的各个应用都支持独立开发部署、不限技术框架、支持独立运行、应用状态隔离但也可共享等特征。

1. single-spa：single-spa 是一个用于前端微服务化的JavaScript 前端解决方案(本身没有处理样式隔离， js 执行隔离) 实现了路由劫持和应用载入
2. qiankun：基于Single-SPA, 提供了更加开箱即用的API （ single-spa + sandbox+ import-html-entry ） 做到了，技术栈无关、并且接入简单（像iframe 一样简单）

探探各个微前端框架

微前端解决方案qiankun 微前端方案实践及总结微前端-最容易看懂的微前端知识Module Federation

基于 qiankun 的微前端实践-腾讯IMWeb

qiankun

1. 一个子项目一个服务，不同服务端口不同，怎么解决跨域？
2. 资源会不会重复加载？
3. 路由动态配置？
4. 沙箱？JS、CSS隔离

• onGlobalStateChange
• setGlobalState

微应用暴露出的生命周期钩子，微应用需要提供生命周期钩子；