微前端

微前端就是后端微服务思想在前端的映射。
核心: 拆、合。 先拆后合。

  • 微前端如何在浏览器中落地?
  • single-spa

https://github.com/YataoZhang/my-single-spa/issues/4

这里的 11个状态流程图是微前端内部的状态,理解就行,single-spa 内部也是这个状态。

卸载操作

1
2
3
4
5
6
// vue
vueInstance.$destory();

// react
let el = ReactDOM.findNode(reactInstance);
ReactDOM.unmountComponentAtNode(el);

搜索:【 qiankun 微前端 】
文章: https://juejin.im/post/5d8ed64b51882516622936ff

1
2
3
4
return {...a, ...b}

// 等同于
Object.assign({}, a, b);