当单体前端膨胀到几十万行、十几个团队共用一个仓库时,技术栈升级、独立部署、故障隔离都成了奢望。微前端把"巨石应用"拆成可独立开发、独立部署、运行时集成的子应用。本文先把微前端要解决的四件大事讲清——技术栈无关、独立部署、运行时集成、样式与 JS 隔离;再横向对比 iframe、Web Components、Module Federation、qiankun 四类集成方案的取舍。重点拆开微前端的命门:CSS 隔离(Shadow DOM / 运行时样式改写 / 约定式)与 JS 沙箱(快照沙箱、Proxy 沙箱的单例与多例、with+Proxy 拦截全局对象的原理),并给出 qiankun 注册子