微前端架构是一种设计方法 前端 应用程序被分解成独立的、半独立的“微应用程序”，松散地协同工作. 微前端概念隐约受到微服务的启发，并以微服务命名.
微前端模式的好处包括:
尽管最近微锋面得到了很多关注, 到目前为止，还没有单一的主导实现，也没有明确的“最佳”微前端框架. 事实上，根据目标和要求，有多种方法. 请参阅参考书目，了解一些比较知名的实现.
在本文中，我们将跳过许多关于微锋面的理论. 这是我们 不会 封面:
而不是, 我们将介绍一个专注于具体实现的微前端教程, 强调微前端架构中的重要问题及其可能的解决方案.
我们的实现叫做Yumcha. “yum cha”在广东话中的字面意思是“喝茶”,，但它的日常含义是“出去吃点心”.“这里的想法是，单个微应用程序 macroapp (我们将这样称呼他), 顶层应用程序)类似于点心午餐中拿出的各种小篮子.
我们有时会将Yumcha称为“微前端框架”.在当今世界，“框架”这个词通常指的是Angular、React、Vue.Js，或者其他类似的web应用的上层结构. 我们不是在说 这是一个框架 在所有. 我们称Yumcha为框架只是为了方便:它实际上更多的是一组工具和几个薄层，用于构建基于前端的微应用程序.
让我们深入思考一下如何定义一个macroapp和组成它的微应用. 标记一直是web的核心. 因此，我们的macroapp将通过以下简单的标记来指定:
Hello, micro-frontend app.
使用标记定义我们的macroapp让我们可以充分利用HTML和CSS的强大功能来布局和管理我们的微应用程序. 例如, 一个微应用程序可以位于另一个微应用程序之上, 或者在它的一边, 或者在书页的角落里, 或者在手风琴的一个窗格里, 或者躲起来，直到有事发生, 或者永远呆在后台.
我们已经为微应用程序命名了自定义元素
我们应该如何实现
\n \n \n Hello, micro-frontend app.
\n\n \n