admin 管理员组

文章数量: 1086019


2024年6月2日发(作者:电影网站网页设计)

乾坤框架面试题

什么是微前端?

要回答这个问题,需要从 why, how, what 三个方面来讲

why:

随着公司业务的膨胀,处理业务的系统数量也跟着膨胀,运营人员处理一单

业务需要在各个系统之间来回穿梭。 为了使运营人员在一个系统里可以完成所

有操作,技术人员必须给出解决方案。

how:

其实 iframe 在 “微前端” 这个概念被喊出来之前一直是整合系统的利器,

但它有些不理想的地方具体原因戳这里 why not iframe,现阶段的前端开发必

须找到一种替代方案,优雅的解决掉这些问题。

what:

为了弥补 iframe 方案的不足,让前端开发更方便的把多个业务系统整合到

一起,微前端被提出并实现,目前业界使用的方案基本都是基于蚂蚁金服的

qiankun [乾坤], 有天下大一统的味道.

实践前准备

概念: 父应用,子应用

使用 iframe 整合系统时,假设我们有系统 A, 当我们想把系统 B 引入 A

系统时,只需要 B 系统提供一个 url 给 A 系统引用即可,这里我们把 A 系

统叫做父应用,把 B 系统叫做子应用。同样的,微前端也延续了这个概念,微

前端在使用起来基本和使用 iframe 一样平滑。

乾坤架构图

2. 分别在三个子应用里做处理,准备被 qiankun-base 父应用引用

根据 qiankun 的协议需要导出 bootstrap/mount/unmount 三个引用

生命周期钩子函数用于父应用加载子应用时执行,另外父应用会在 window 上

添加 POWERED_BY_QIANKUN 属性用于子应用区分当前是否被父应用加载,

还是单独加载。所有子应用就围绕 钩子函数 和 属性 做相应配置, 各技术技术

栈下处理方式一致


本文标签: 应用 系统 使用 处理