微前端框架执行流程
2021-10-13 20:36:16 17 举报
登录查看完整内容
微前端框架执行流程
作者其他创作
大纲/内容
开启微前端
pushState当前路由
1.执行子应用mount函数
渲染子应用(mount)
开始执行子应用生命周期
2.获取子应用dom结构(htmlLoader)①.获取子应用的html，解析出dom和script②.将dom挂载到container上 ③.在沙箱环境下执行script
3.执行主应用bootstrap函数
注册微前端应用，传入子应用和生命周期函数registerMicroApps(subApps，mainLifecycle)
重写路由事件，路由变化触发自定义事件rewriteRouter()
路由变化
卸载上个子应用(unmount)
1.销毁代理沙箱
2.执行子应用unmount函数
2.执行主应用mounted函数
预加载其他应用资源
3.执行主应用destoryed函数
装载子应用(bootstrap)
1.执行主应用beforeLoad函数
0 条评论
回复 删除
下一页
