干货分享|作者有话说关于微前端之道

摘要：自2016年8月1日起，我便踏入了前端开发的领域，这个日子对我而言意义非凡。不仅因为它恰逢八一建军节这一具有纪念意义的日子，更因为它标志着我人生旅程中一个新阶段的开启。我之所以能走上前端开发之路，全赖一份运气加上一份对技术的浓厚兴趣。回溯至初中时代，大约在20

自2016年8月1日起，我便踏入了前端开发的领域，这个日子对我而言意义非凡。不仅因为它恰逢八一建军节这一具有纪念意义的日子，更因为它标志着我人生旅程中一个新阶段的开启。我之所以能走上前端开发之路，全赖一份运气加上一份对技术的浓厚兴趣。回溯至初中时代，大约在2008年，家中添置了一台电脑，那时我刚升入初二。与许多同龄孩子相似，我也被网络游戏深深吸引。《QQ音速》和《QQ三国》曾是我的最爱，但随着《QQ音速》的停运和《QQ三国》因花费过高而变得难以承受，我的游戏热情逐渐转移到了《地下城与勇士》，再到后来的《英雄联盟》。

我深信自己对游戏的热爱，那份热爱源自内心深处对于创造一个游戏的渴望，或者更确切地说，是对于打造一个独属于我的游戏世界的憧憬。这份激情与向往，仿佛在我心中悄然播下了一颗对开发、对编码、对成为程序员追求的兴趣之种。我梦想着能够借助技术的力量，构建一个完全属于自己的虚拟世界。

正是基于这份对技术的浓厚兴趣，在毕业一年之后，我毅然决然地踏上了前往北京的征途，决心投身于Web开发的世界。至于为何钟情于前端开发，最直接的动因来自于一次培训时的选择。当时，培训老师提问：“Android、iOS和Web，你想要学习哪一个？”我带着疑惑反问：“这三者之间有何不同？”老师耐心解释道：“Web应用可以在苹果手机和安卓手机上通用，而另外两者则只能在各自的操作系统上运行。”听到这里，我毫不犹豫地选择了更为通用、全面的Web前端开发之路。

至此，一段充满挑战与机遇的技术之旅正式拉开帷幕。

微前端到底是什么？

微前端无疑是前端领域中最具挑战性的架构方向之一，它覆盖了广泛的技术范畴，从服务器部署、浏览器工作原理，到JavaScript、DOM操作，乃至CSS等核心技术。毫不夸张地说，微前端已然超越了传统前端技术的边界。

正因为微前端涉及的领域如此广泛，许多初学者在尝试入门时往往会感到迷茫，面对Nginx、Jenkins、Docker等服务器相关技术时，不免心生畏惧，仿佛它们是不可触及的神圣存在。

那么，究竟什么是微前端呢？简而言之，微前端主要是为了解决单体项目过于庞大难以维护的问题，或是为了大型项目在初期进行合理的技术架构设计。它的核心在于分类和集合的界定，即如何有效地划分和组织不同的功能模块。

这种分类思想引发了一系列关于集合管理的议题：如何界定集合内元素的归属？如何在确保集合间既相互关联又保持独立性的同时进行有效管理？这些问题既触及到项目初期领域划分的战略层面，也关系到具体技术实施的战术层面。

面对微前端的复杂性和广泛性，我们应该如何着手学习呢？

微前端要学什么？

微前端这一概念，横跨技术与设计两大领域，覆盖了极为广泛的内容。正因如此，许多初学者在渴望深入学习微前端时，常常感到迷茫和无从下手。那么，究竟该如何着手学习微前端呢？

首先，你需要打下坚实的前端技术基础。这些基础知识是实现微前端不可或缺的前提，包括但不限于浏览器的工作原理、互联网中的HTTP协议、跨域请求处理、DOM结构中的Iframe元素，以及CSS样式隔离方案等。

在掌握了这些基础知识之后，下一步便是深入学习微前端的具体技术方案。这是理解和掌握微前端的核心环节。不论选择哪种技术方案，背后都蕴藏着特定的实现原理，而这些原理正是实现微前端所必需的。

以路由式微前端为例，这是微前端诸多方案中较为简单的一种实现方式。然而，即便如此，它也牵涉到HTTP协议、跨域问题、Cookie管理等多个关键技术点。若对这些概念缺乏了解，你将难以全面把握其精髓。

接下来，在熟悉了微前端的各类实现方案之后，还需进一步涉猎服务器部署方面的知识。你至少应掌握基本的Linux命令操作、Docker容器的基本知识与应用技巧、Jenkins自动化部署工具以及Nginx反向代理服务器的使用方法。这样才能游刃有余地在服务器上部署微前端项目，甚至实现服务器端的微应用组合。

当然，掌握了上述技能后，你还应关注当前流行的现代微前端框架。毕竟，个人的能力终有极限，即便你才华横溢，在有限的时间和资源下也难以构建一套完善的微前端解决方案。此时，借助成熟的现代微前端框架便显得尤为重要。目前，国内已有众多成熟的微前端框架可供选择，你可以根据自己的实际需求和项目特点进行挑选。

微前端之道

在我职业生涯的初期两年，可以说是最为迷茫、无知却又极度自信的阶段。如今回想起来，那确实应验了“无知者无畏”的古训。随着经验的积累，到了第三四年，我开始追求如何将代码打磨得如诗般优雅。我开始钻研新的API，并试图将它们应用于项目实践中；我深入学习设计模式、数据结构与算法，乃至浏览器的底层原理和互联网的基础知识。尽管我意识到这些知识的价值，但似乎它们仍不足以助我写出那种令人赞叹的代码。在项目的迭代过程中，我时常因为各种外部因素而感到无法忍受。

我开始怀疑，是否是源于我对框架理解的深度不够。在这样的困惑中，机缘巧合促使我边学习边撰写了关于Vue2源码的第一本书。即便如此，我依然对自身代码的优雅性持保留态度。

学习微前端的道路，实际上是一条探索完备技术的征途。正如前文所述，微前端并非仅限于前端领域，它几乎包含了除具体后端语言之外的所有技术层面。这一方面有助于拓宽你的技术视野，另一方面能够提升你的技术能力，即便是在最不济的情况下，也能为你的实际工作提供一些方案选择的灵感。

在探寻技术提升的道路上，我已经体验了“深度”的探索，于是开始转向“广度”的开拓。这也正是《微前微之道》诞生的缘由之一。

此外，另一动力驱使我写作这本书的原因，是早期我曾渴望创建一个开源框架的后台管理系统模板项目，类似于Vue2Admin。但一方面，市场上已有许多优秀的开源项目，我难以超越；另一方面，这类项目逐渐失去了对我的吸引力。

正是这两个原因的交织，再加上对微前端技术的实际需求，最终促使我完成了这本书的撰写。