微前端-04
摘要：本文主要记录下微前端中父子应用如何通信 microApp中是通过发布订阅来实现事件通信的，先说一下用法， 最好的方式是像普通属性一样通过micro-app元素传递数据。但自定义元素无法支持对象类型的属性，只能传递字符串，例如<micro-app data={x: 1}></micro-app> 会转
阅读全文
posted @
2022-07-27 09:20
从前有匹马叫代码
阅读(67)
推荐(0) 编辑
微前端-03
摘要：接着上面两篇文章，继续学习微前端，本章主要内容如下： 微应用的样式隔离 首先，为什么需要做样式隔离? 因为微应用的话，是使用html entry加web components来实现的，所以说，这种方式实现的微应用并不具有iframe那种天然的样式隔离特性， 基于前两篇的分析，我们可以看出，我们是将h
阅读全文
posted @
2022-07-18 15:19
从前有匹马叫代码
阅读(47)
推荐(0) 编辑
微前端-02
摘要：上文学习了如何渲染微应用，那么这篇文章就记录一下，如果避免渲染之后存在的两个问题 如何解决全局变量污染的问题 微应用卸载后，如何自动卸载掉微应用挂载的全局事件 解决方案 通过模拟沙箱，将微应用的代码环境与基座应用分割开。 首先通过proxy模拟一个全局变量 export default class
阅读全文
posted @
2022-07-13 15:29
从前有匹马叫代码
阅读(56)
推荐(0) 编辑
微前端-01
摘要：本文参考microApp的框架的设计，记录一下如何通过web components实现一个微前端框架 主要内容如下： 实现微应用的思路 微应用的渲染过程 微应用的卸载 本文参考: https://github.com/micro-zoe/micro-app/issues/17 实现微应用的思路 刚开
阅读全文
posted @
2022-07-08 14:39
从前有匹马叫代码
阅读(72)
推荐(0) 编辑
