首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
qiankun源码分析
几时归去做个闲人
创建于2023-11-07
订阅专栏
通过源码分析qiankun的实现原理,并分析两个关键的依赖包:single-spa和import-html-entry
等 14 人订阅
共9篇文章
创建于2023-11-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
qiankun源码分析-7.css沙箱
css 沙箱 css沙箱隔离的是css样式,主要是为了防止样式污染,关于样式污染又有一下四种情况: 单实例场景下的子应用与子应用的样式隔离 单实例场景下的子应用与主应用的样式隔离 多实例场景下的子应用
qiankun源码分析-6.js沙箱
沙箱 什么是沙箱?沙箱是一种隔离机制,它可以将不同的代码隔离开,防止相互污染,举例来说:我们知道,子应用是可以通过window对象来访问主应用的全局变量,那么如果子应用修改了主应用的全局变量,那么主应
qiankun源码分析-5.钩子函数调用
start 在start1中大致讲了qiankun是如何启动子应用的,我们回顾下流程: 配置预加载策略与兼容性处理 调用single-spa的start方法 触发single-spa:no-app-c
qiankun源码分析-4.start函数
start 在使用qiankun时,我们最后调用start方法,完成子应用的加载,那么start函数具体做了什么,我们今天深入源于分析下,源码如下: 当前我们的start函数的入参为空,所以这里的op
qiankun源码分析-3.设置默认应用
setDefaultMountApp 设置默认应用是通过setDefaultMountApp实现的,该方法接收一个string类型的参数,该参数为应用的basename。 函数的实现很简单,就是监听s
qiankun源码分析-2.初始化全局数据
初始化全局数据 qiankun提供了initGlobalState方法来初始化全局数据,该方法接受一个对象作为参数,该函数返回两个函数onGlobalStateChange和setGlobalStat
single-spa的简单使用、原理、实现
在前端微服务化的领域内,有许多优秀的解决方案,比如qiankun、wujie、micro-app、single-spa、iframe等,这些方案都有各自的优缺点, 本文并不会对这些方案进行比较,而是单
import-html-entry源码分析
在qiankun中,子应用的入口文件是通过import-html-entry来加载的,作为qiankun一个重要的依赖,是时候好好卷(学习)一下import-html-entry了
qiankun源码分析-1.注册子应用
注册子应用 注册子应用,通过registerMicroApps方法,参数为MicroApp[]和LifeCycles,MicroApp为子应用的配置项,包含name、entry、container、a