基于 iframe 的微前端框架 —— 擎天

大数据64

vivo 互联网前端团队- Jiang Zuohan

一、背景

VAPD是一款专为团队协作办公场景设计的项目管理工具,实践敏捷开发与持续交付,以「项目」为核心,融合需求、任务、缺陷等应用,使用敏捷迭代、小步快跑的方式进行开发及质量跟踪,简化工作流程,帮助团队快速迭代并高效完成产品开发交付。

但早期VAPD以"一切皆可配置"的设计理念开发运行了两年,整个前端代码复杂混乱,组件庞大(需要支持多种配置),状态混乱,前端代码打包出来有50M之巨。这个项目难以为继,bug多、维护困难、新增功能处处受限,总之产品不满意、测试不满意、用户不满意。

基于 iframe 的微前端框架 —— 擎天

基于 iframe 的微前端框架 —— 擎天

因此改版是必然的选择,而改版的要求就是不能耽误用户继续使用,必须保证网站可用、逐步更新,因此微前端是必然的选择。

[En]

Therefore, the revision is an inevitable choice, and the requirement of the revision is that users can not be delayed to continue to use, and the website must be available and updated step by step, so the micro-front end is an inevitable choice.

VAPD改版思路就是:

  1. 使用微前端框架,未改版部分作为子应用存在,继续为用户服务;
  2. 将项目模块制定系统应用,并逐个改版,降低项目复杂度;
  3. 逐步舍弃旧项目代码,将功能转移到新项目中,提升项目整体性能,提高代码可维护性。
输入验证码查看隐藏内容

扫描二维码关注本站微信公众号 Johngo学长
或者在微信里搜索 Johngo学长
回复 svip 获取验证码
wechat Johngo学长

相关文章
大数据

《Flink应用实战》(一)–广播状态

目录 一、基本概念 1、什么是状态 2、状态的分类 3、什么情况下需要保存状态 3、为什么要广播状态 3、广播状态的应用场景 二、广播状态的设计实践 1、数据分流 2、补全用户信息 3、评论过滤 4、...
大数据

疫情分析–数据清洗(kafka消费者拦截器)

数据清洗 背景及意义 当数据供给方将数据发布到一个位置后,我们采集到数据。但往往我们采集到的数据会有这样那样的问题,例如有很多完全重复的数据、数据中的某个字段的某个值是空值、数据中出现了异常值等等。我...
大数据

自然语言处理-gensim

Gensim 是 Python 的一个三方库,旨在从文档中自动提取语义主题,以及处理原始的非结构化数字文本( 纯文本) 在 Gensi...
大数据

Flink_08_SQL(个人总结)

声明: 1. 本文为我的个人复习总结, 并 非那种从零基础开始普及知识 内容详细全面, 言辞官方的文章 2. 由于是个人总结, 所以用最精简的话语来写文章 3. 若有错误不当之处, 请指出 Flink...
大数据

实时计算架构选型——自我总结

抵扣说明: 1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。 Original: https://blog.cs...
大数据

Kafka2.6版本权限认证

当前Kafka security主要包含3大功能:认证(authentication)、信道加密(encryption)和受权(authorization)。信道加密就是为client到broker、...
大数据

1分钟理解Flink中Watermark机制

本文隶属于专栏《董工的1000个大数据技术体系》摘要,该专栏为笔者原创,引用请注明来源,不足和错误之处请在评论区帮忙指出,谢谢! 目录 前言 一、watermark是什么? 二、乱序数据处理 三、迟到...
大数据

kafka-go源码解析四(Writer)

概要 kafka-go区分同步写与异步写。同步写能严格确保写入的顺序,因为在写成功之前它会block住应用程序,同时返回错误信息。有三种控制写入完成的时机,1是消息发送完成即返回,2是leader收到...