微前端-single-spa

301 阅读2分钟

面试了许多求职者,很多求职者只知其然,而不知所以然,写此文章为广大前端小伙伴指引迷津。纯干货!纯干货!纯干货!

目录

微前端

什么是微前端?

答:微前端是一种由独立交付的多个前端应用组成整体的架构风格。具体的,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。

为什么要用微前端?

答:一个应用,当不断迭代的时候,功能会越来越多,代码量随着也会变得越来越大。进而代码之间的耦合性会变高,这样导致开发和维护很糟心,动一发而牵全身。于是有了微前端来解这个问题,按功能可以将这个应用拆分成多个项目,每个项目都是独立的仓库,独立的部署,然后利用微前端再组合成在一起。

single-spa

答:single-spa微前端代表之一,在无须刷新页面的前提下,同一个页面可使用不同的框架;基于不同框架实现的前端应用可以独立部署;制作新内容时可以使用不同的框架;支持应用内脚本的懒加载。

single-spa原理?

答:single-spa与react或vue这些框架开发普通的单页应用时原理也大同小异,也可以类比的理解为一种模块化开发的单页应用,只不过在单项目的单页应用中划分的模块是各种组件,而在微前端中各个模块就是各个独立的子应用,用户访问基座主应用时会按照配置注册各子应用,并且根据路由来确定分发到哪个子应用来加载,对应子应用加载之后会再根据路由分发到对应的子应用里的页面,这就是single-spa的路由加载原理先路由分发应用,再应用分发路由。

小白也是新手面试官,欢迎领导莅临指导工作,提出建议,小白不胜感激,不喜勿喷,点赞收藏随机送程序媛小姐姐一枚哦!!!