#青训营笔记创作活动#
二月二日 打卡day 15
今日学习 Qiankun原理——JS沙箱是怎么做隔离的
SanpshotSandbox
第一种是快照沙箱,它的原理是:把主应用的 window 对象做浅拷贝,将 window 的键值对存成一个 Hash Map。之后无论微应用对 window 做任何改动,当要在恢复环境时,把这个 Hash Map 又应用到 window 上就可以了。
LegacySandbox
LegacySandbox 的想法则是 通过监听对 window 的修改来直接记录 Diff 内容,因为只要对 window 属性进行设置,那么就会有两种情况:

如果是新增属性,那么存到 addedMap 里
如果是更新属性,那么把原来的键值存到 prevMap,把新的键值存到 newMap

(当然这里的变量名做了简化)
通过 addedMap, prevMap 和 newMap 这三个变量就能反推出微应用以及原来环境的变化,qiankun 也能以此作为恢复环境的依据。
ProxySandbox
总结
总结一下,qiankun 一共有 3 种沙箱:

SnapshotSandbox:记录 window 对象,每次 unmount 都要和微应用的环境进行 Diff
LegacySandbox:在微应用修改 window.xxx 时直接记录 Diff,将其用于环境恢复
ProxySandbox:为每个微应用分配一个 fakeWindow,当微应用操作 window 时,其实是在 fakeWindow 上操作
展开
评论