微前端框架 qiankun

前言

qiankun是一个基于single-spa的微前端实现库,帮助你构建一个生产可用的微前端架构系统。qiankun支持多种技术栈的微应用接入,提供了简单、解耦、技术栈无关、独立开发、独立运行、增量升级、样式隔离、资源预加载等特性,以及umi插件一键切换。

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值:

  • 技术栈无关:主框架不限制接入应用的技术栈,微应用具备完全自主权
  • 独立开发、独立部署:微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新
  • 增量升级:在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是一种非常好的实施渐进式重构的手段和策略
  • 独立运行时:每个微应用之间状态隔离,运行时状态不共享

qiankun的优点有:

  • 基于single-spa封装,提供了更加开箱即用的API
  • HTML Entry接入方式,让你接入微应用像使用iframe一样简单
  • 样式隔离,确保微应用之间样式互相不干扰
  • JS沙箱,确保微应用之间全局变量/事件不冲突
  • 资源预加载,在浏览器空闲时间预加载未打开的微应用资源,加速微应用打开速度
  • umi插件,提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统

qiankun的缺点有:

  • 需要主应用提供一些生命周期钩子,以便qiankun能够正确地加载和卸载微应用
  • 需要微应用遵循一些约定,如导出生命周期函数,不污染全局变量,使用正确的publicPath等
  • 需要处理好微应用之间的通信和依赖,避免出现耦合和冲突的情况
  • 需要考虑浏览器的兼容性和性能问题,尤其是在使用沙箱和预加载功能时

相关推荐

  1. 前端框架 qiankun

    2023-12-05 22:44:04       42 阅读
  2. qiankun(乾坤)前端框架简介

    2023-12-05 22:44:04       28 阅读
  3. 前端qiankun

    2023-12-05 22:44:04       12 阅读
  4. 一个简单的前端服务部署--qiankun

    2023-12-05 22:44:04       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-05 22:44:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-05 22:44:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-05 22:44:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-05 22:44:04       20 阅读

热门阅读

  1. Redis-Redis多级缓存架构(实践)

    2023-12-05 22:44:04       42 阅读
  2. 分析一段文字中重复词组,英文版

    2023-12-05 22:44:04       39 阅读
  3. docker 中的–mount 和-v 参数有啥区别

    2023-12-05 22:44:04       32 阅读
  4. centos7 安装docker 步骤整理

    2023-12-05 22:44:04       49 阅读
  5. 鱼香ROS一键安装命令(支持微信、docker、ros等)

    2023-12-05 22:44:04       44 阅读