前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，今天由我带来前端早早聊本次微前端专题的最后一场，《如何设计实现微前端框架 - qiankun》。首先呢，我做一个简单的自我介绍。 我叫方涣，在一些…

从源码层面详细讲解了 `qiankun` 框架中的 JS 沙箱 和 样式沙箱的实现原理 ......

从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架

qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我们可以理解快照就是给你着一张相片，来记录你此刻的状态。qiankun的快照沙箱是基于diff来实现的，主要…

接下来我们通过源 码详细分析下qiankun沙箱实现。 主要有`snapshotSandbox`快照沙箱，`legacySandbox`单实例代理沙箱，`proxySandbox`多实例代理沙箱

模块联邦 webpack作为前端工程师广泛使用的打包工具，在整个前端生态中具有不可撼动的地位。目前，在最新的webpack5版本中带来了许多新特性，其中模块联邦倍受关注。 什么是模块联邦 module

我们在之前的文档中了解到，目前的微前端采用的是组合式应用路由分发。通过父类对路由的检测，动态的对子应用进行卸载或挂载。 在咱们理解原理之前，先看一下如何使用single-spa。我们以vue为例。 首

现在很多企业，基本在物理上进行了应用代码隔离，实行单个应用单个库，闭环部署更新测试环境、预发布环境和正式环境。于是，我们的探讨的是，基于不同应用不同库并独立部署的情况下，如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有…

本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲，涉及到的大多数理论知识并不会太过于对展开，如果读者对一些细节比较感兴趣，可以留言或者搜索相关的概念。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单…