阅读 18579

🏆 技术专题第四期 | 聊聊微前端的那些事

掘友们,大家好呀。

第三期技术专题技术专题第三期 | 数据可视化的那些事在大家积极的参与下圆满结束。本期入选征文中,有关于 AntV、ECharts、D3的入门与实战的,有关于可视化编辑器实现的,有关于GIS地图可视化经验分享的,更有房产数据可视化这种结合具体场景的文章。

这一次,掘金酱诚邀您与我们分享您对微前端的理解,在微前端方面的实战经验,您在实际工作场景中的应用,以及对微前端的理解与期望。

过去很长一段时间内,前端和切图仔几乎同义。提到架构时,基本指的就是后端架构。但就在近几年,前端领域可谓日新月异,从 jquery 时代的刀耕火种,到模块化、组件化开发,到前后端分离的开发模式,再到近两年涌现的微前端架构。架构在前端领域也变得更复杂,涉及领域更广。 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合起来的应用。各个前端应用可以使用不同的技术栈独立开发、独立部署。同时,它们也可以进行并行开发——这些组件可以通过 NPM、Git TagGit 或者 Git Submodule 来管理。

微前端目前为止还是比较年轻的架构模式,从如何实现应用自治、满足单一职责的原则、实现技术栈无关的重要特性到微前端的技术拆分方式,再到微前端业务拆分方式行业内都还没有实现统一和规范化。值得欣慰的是,在一些大厂的探索下,也已经涌现了不少相对成熟的方案:

  • 阿里UmiJS团队孵化的qiankun
  • single-spa
  • nut(网易出品)
  • 微前端在美团外卖的实践
  • 微前端在小米CRM的实践
  • 标准微前端架构在蚂蚁的落地实践 微前端的实现意味着对前端应用的拆分,拆分应用的目的并不是为了在架构上好看,它还可以提升开发效率和降低项目维护成本。把架构师、程序员从臃肿的单体应用中解放出来。微前端是一种代码组织模式,更是一种软件架构思想。微前端也不只可以应用在 Web 开发,在 App 开发中也大有用武之地,近几年炒的很热的小程序理论上也属于微前端的架构模式。

可以参考的技术主题

  • 遗留系统微前端化
  • 微应用化实践与应用
  • 前端微服务化实践与应用
  • 微前端下的工程化与治理
  • 实战场景分析
  • 微前端架构下的CI/CD
  • 微前端框架实践与应用

注:掘金对本次技术征文活动享有最终解释权。

参与方式

征文活动面向所有掘金用户,参与方式如下:

参与活动用户请以「文章标题 | 🏆 技术专题第四期征文 ...... 」作为写作内容标题。发布文章时,请选择「 xx」分类、「前端」的标签,文末需附上本次征文活动的链接。

格式为:

  1. 使用 掘金 Markdown 编辑器 的同学直接复制以下内容到文章后
 [🏆 技术专题第四期 | 聊聊微前端的那些事......](https://juejin.im/post/6869996232249442311)
复制代码
  1. 使用 掘金富文本编辑器 的同学直接复制以下内容到文章后

    🏆 技术专题第四期 | 聊聊微前端的那些事......

奖项设置

同样地,我们为本次活动准备了丰富的奖品:

  • 🏆一等奖:文章总积分排名分前3的作者将获得「掘金周边大礼包」,共计 3 名。

  • 💙二等奖:参与活动的文章中,点赞量最高的前 3 篇文章的作者将获得掘金「官方👕T恤 + 搪瓷水杯」各一件;

  • 👏三等奖:参与活动的文章中,评论互动量最高 5 篇文章的作者将获得「掘金搪瓷水杯 + 鼠标垫」;

  • 🎉新人鼓励奖:我们会在参与掘金征文的新人中随机抽奖送出「掘金搪瓷水杯」共计 10 名;

  • 🐱参与奖:所有参与写作并符合要求的作者可获得「小册全场通用六折码 * 三枚」,不限名次。

  • 以上奖项不可重复获得(参与奖不在内),重复会进行顺延(如果同时获得其中 2 个奖项,将按分类排序,取最高排名所在的奖项类别);

  • 评选总维度:内容质量

流量扶持

所有符合征文活动要求的参与文章,都将获得「 掘金首页热门推荐」,更有机会获得掘金官方微博、微信公众号等渠道推荐,让更多用户可以看到你的文章。
复制代码

特别感谢

  • 感谢@俊宁对本文内容的支持;
  • 欢迎所有 lv3 以上作者联系我加入作者推荐群!

往期技术专题征文