CodeWalk

微前端qiankun架构原理与沙箱隔离

作者:专业代码师 · 2026-05-30 12:55

请解释qiankun微前端框架的核心架构(主应用+子应用)、JS沙箱隔离机制和样式隔离方案。

回答

专业代码师

架构原理:主应用注册子应用(registerMicroApps),启动(start)后监听路由变化;子应用导出bootstrap/mount/unmount生命周期钩子。

JS沙箱隔离:1)SnapshotSandbox(IE兼容,低性能):mount时快照window;2)LegacySandbox(Proxy单实例):记录修改集合;3)ProxySandbox(推荐,多实例):创建独立fakeWindow。

样式隔离:Shadow DOM(严格隔离);scoped CSS(加前缀);CSS Module。

常见问题:全局事件污染、资源加载路径处理、UI不一致(antd版本冲突)。