首页 web前端 css教程 微观前端

微观前端

Apr 19, 2025 am 09:37 AM

微观前端

不久前的一个随机日子,我开始开玩笑说“微观前端”的笑话,这是我第一次学习吐司的方式。直到询问周围,我才理解来源,这是Cam Jackson的这篇文章。

在本文中,我们将描述将前端整体分解成许多较小,更易于管理的材料的最新趋势,以及该体系结构如何提高从前端代码工作的团队的有效性和效率。

我认为应该阅读“前端整体”和“前端代码”,但我已经离题了。

这个想法类似于微服务,但对于前端。因此,前端的不同部分不是彼此独立的,而不是一个彼此独立的,而不是彼此之间的依赖性,可以独立进行和部署。

这是您无法完全判断它是否真的是对未来的一个有趣的预测,这只是一个恰好适合少数大型组织的利基建筑选择,甚至只是理论上的选择。

我的思想首先是一致性和干燥性。在我工作的任何地方,这些事情都是很大的,而且似乎整个行业的运输设计都有无数的前端问题,这些问题开始,保持一致和保持一致和凝聚力,而无需重复铲子的技术债务。如果B团队B被A团队阻止,则独立前端听起来可能是一个问题,但它引入了B团队B的输出越来越多的问题,即与A团队A的输出不一致。

本文本身讨论了一个浏览/搜索着陆页,详细信息/订购页面和个人资料页面,其中所有三个都由不同的独立产品/团队解决。对我来说,这听起来有些酷而有趣,听起来那些团队更好地坐在工作中。否则,这个应用程序将在两周内发展出科学怪人的怪物。造型只能用“我不知道,做得好”的氛围轻轻地解决。当团队都在同一产品上时,团队会为此而苦苦挣扎,所以我在这里很担心。如果认真讨论这一点,我将尝试解决的第一件事是超越所有内容的设计系统,每个人都不会失败。

如果这些微观前端在同一页面上共存怎么办?文章说,使用

其他集成选项……将它们隔离到自己的捆绑包中,甚至本机Web组件听起来好多了。但是,尽管如此,与Vuew组件可能在同一页面上拍打的孤立开发的想法似乎是对非常特定的组织问题的巨大用户罚款。更不用说您失去了对代码库的共同理解的好处,以及对较小工具的更深入技术理解的好处。

我可能没有公平地描述所有这些,尤其是因为这个想法对我来说是新的,我以前从未像现在这样工作过。

纳德·达比特(Nader Dabit)有一篇后续文章:用React,Vue和单SPA构建微观前端。这样我就不会误解这一点:这个想法实际上是您可能构建了一个React应用程序,而我会构建一个Vue应用程序,并且我们将在同一页面上拍打。我肯定来自一个时代,当我们在同一页面上找到了多个版本的jQuery的网站时,我们笑了起来,然后是一件事,以及一件事,一件事似乎偶然地插入了所有的Mootools和原型。我们之所以畏缩,是因为那是一个装满JavaScript的水桶,主要是无缘无故地复制的,导致错误并放慢页面。这似乎没有太大不同。

乔尔·丹宁(Joel Denning)在AMA中指出了该主题:

我指出,我们处于“仇恨而没有严格检查”的阶段。在合法,仔细检查之后,这个想法仍然失败了。但是还为时过早。

很公平。

很抱歉堆积。 ?

pic.twitter.com/mhlu0it5dr

- 克里斯·科伊尔(Chris Coyier)(@chriscoyier)2019年6月20日

以上是微观前端的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1657
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1230
24
Google字体可变字体 Google字体可变字体 Apr 09, 2025 am 10:42 AM

我看到Google字体推出了新设计(Tweet)。与上一次大型重新设计相比,这感觉更加迭代。我几乎无法分辨出区别

如何使用HTML,CSS和JavaScript创建动画倒计时计时器 如何使用HTML,CSS和JavaScript创建动画倒计时计时器 Apr 11, 2025 am 11:29 AM

您是否曾经在项目上需要一个倒计时计时器?对于这样的东西,可以自然访问插件,但实际上更多

HTML数据属性指南 HTML数据属性指南 Apr 11, 2025 am 11:50 AM

您想了解的有关HTML,CSS和JavaScript中数据属性的所有信息。

使Sass更快的概念证明 使Sass更快的概念证明 Apr 16, 2025 am 10:38 AM

在一个新项目开始时,Sass汇编发生在眼睛的眨眼中。感觉很棒,尤其是当它与browsersync配对时,它重新加载

我们如何创建一个在SVG中生成格子呢模式的静态站点 我们如何创建一个在SVG中生成格子呢模式的静态站点 Apr 09, 2025 am 11:29 AM

格子呢是一块图案布,通常与苏格兰有关,尤其是他们时尚的苏格兰语。在Tar​​tanify.com上,我们收集了5,000多个格子呢

如何在WordPress主题中构建VUE组件 如何在WordPress主题中构建VUE组件 Apr 11, 2025 am 11:03 AM

内联式模板指令使我们能够将丰富的VUE组件构建为对现有WordPress标记的逐步增强。

php是A-OK用于模板 php是A-OK用于模板 Apr 11, 2025 am 11:04 AM

PHP模板通常会因促进Subpar代码而变得不良说唱,但这并不是这样的情况。让我们看一下PHP项目如何执行基本的

编程SASS创建可访问的颜色组合 编程SASS创建可访问的颜色组合 Apr 09, 2025 am 11:30 AM

我们一直在寻求使网络更容易访问。颜色对比只是数学,因此Sass可以帮助涵盖设计师可能错过的边缘案例。

See all articles