深圳高端网站设计：微前端是最新的Web发展趋势_极简慕枫

在2018年，我们看到服务器端（后端）开发的微服务的兴起成为了在云中构建可扩展应用程序时的行业标准。微服务由于其孤立的特性而被证明是一种改变游戏规则的方式，使其易于维护，可重复使用和可扩展。然而，虽然所有的重点都集中在后端，但前端开发的性质也在迅速发展，并且在某种程度上受到了关注。随着React和Vue JS等前端开发框架的普及，类似的方法被应用于前端，观察到类似的好处。微型前端现在已经开始几乎成为必需品，而且有充分的理由。让我们深入了解这些是什么，以及它们如何有益。深圳高端网站设计

什么是微型前端？

与微服务类似，微型前端基本上是较小的，前端的隔离件，可以分解为一种行为，外观和感觉。以Twitter的UI为例。如果我们打破显示登录用户的Twitter提要的屏幕，我们可以看到它被分解为：

导航栏

• 图标到Feed的不同部分

• 搜索栏

• 登录用户的头像和名称链接到侧面导航

主要容器

• 用户的Twitter提要占据了容器的左2/3

• 目前的趋势占据正确的1/3 +，遵循它下面的建议

虽然这是一种非常高级的分解和观察方式，但我们知道这个屏幕如何被分解成许多不同的较小（或微观）前端，这些前端可能包含更多的微型前端 - 在他们内部。这些中的每一个都有自己的元素样式，以及封装在其逻辑中的事件和用户行为的处理。

微型前端 - 一种架构风格，可独立交付的前端应用程序组成一个更大的整体

现在推文深圳高端网站设计

为什么微型前端是有益的

微服务和微前端之间的主要相似之处在于它们比单片表示更易于维护。通过构建这些较小的范围组件，工程师能够在一个位置（HTML，CSS，Javascript，事件，处理程序等）查找与该组件相关的所有信息。随着时间的推移，代码库开始膨胀，这使得更新，重构或增强产品的不同区域变得更加容易。它还允许更好的可重用性，因为这些组件需要设计和设计一次，并且可以在同一个项目中多次使用，甚至可以跨项目使用（如果构建良好）。团队还可以在不同组件上自主工作，而不需要干扰彼此的工作或受到依赖关系和/或先决条件的瓶颈。

构建微型前端的最佳框架？

目前在这个领域有两个领导者，React和Vue JS。React是迄今为止最受欢迎的，因为它已经存在更长时间并由Facebook的工程师构建，然后开放给开发社区。多年来，它已经得到了很大的发展，并受益于广泛的采用，在Facebook，Instagram和Netflix等大规模生产环境中进行了战斗测试。Vue JS虽然更新，却逐年获得了令人难以置信的动力。根据Stack Overflow 2019开发人员的见解调查，Vue JS仅由一人（前谷歌工程师）Evan You构建，短短4年内成为开发人员第二个最需要的框架。

这主要是因为与竞争对手相比，Vue JS更容易上手和使用，并且允许没有多少经验的开发人员进入微前端开发的入口，并利用最新的技术被用于快速Web应用程序。

深圳高端网站设计