[编辑注：去年底，我们重新推出了Freshworks的帮助小部件，它位于一个网站上，帮助更好地支持客户。在这个由我们的工程团队撰写的多部分博客中，我们讨论了我们是如何选择组件和技术的，以及我们对它所做的改进。本系列的第1部分和第2部分就在这里和这里。]在本系列的前一部分中，我们研究了用于比较各种JavaScript框架的几个参数。在这一部分中，我们将研究每个框架如何针对这些参数执行。我们还将详细说明使用每个框架的优缺点。但是在我们深入研究之前，有一句话是明智的：JavaScript生态系统和框架是非常动态的。所以当我们发表这篇文章时，下面的数据和事实信息可能有点偏差。亲爱的读者，我们希望您能考虑到这些信息可能已经过时或不相关。在为您的开发需求做出决定之前，请确保再次运行比较。请注意，我们还提到了下面评估的不同框架的版本。Javascript框架比较该表按我们评估的优先级顺序列出了度量。由于广泛的行业采用和社区支持以及性能考虑，我们倾向于作出反应。然而，我们也希望尝试类似的框架来验证我们的理解。在下面的部分中，我们详细介绍了每个框架提供的功能以及我们必须具备的特性。反应React由Facebook开发，是一个声明性的、高效的、灵活的JavaScript库，用于构建用户界面。它是目前最流行的JavaScript框架之一。赞成的意见简单抽象概念完整性内置模板引擎清晰事件模型组件范式道具和嵌套组件。欺骗JSX–HTML中的Javascript陈述性范式React.js公司它被一些大公司用于制作单页应用程序，如Facebook、Instagram等。在上一篇文章中，数据库大数据，我们描述了如何使用Lighthouse来审核原型的性能。下面是我们使用React构建的widget原型应用程序的Lighthouse审计报告。所有审计都是在没有设备仿真和模拟快速3G网络的情况下进行的。我们将小部件包含在一个空的HTML页面中，并使用页面加载执行审计。同样，您可以在下面的部分中找到其他框架的审计报告。React widget的Lighthouse性能报告你可以找到源代码和演示可以在这里和这里找到。预演Preact是一个快速的3kbreact替代品，具有相同的现代API、组件和虚拟DOM。它还包括ES6类组件、高阶组件、无状态纯功能组件、上下文和ref。赞成的意见尽可能精简的虚拟DOM抽象小尺寸精彩的表演反应像API便携式和嵌入式立竿见影生态系统兼容欺骗Proptype验证儿童合成事件专业提示：社区提供了一些变通方法，以确保这些方法不会阻止您使用该框架。包括Groupon、Uber、Lyft和Treebo在内的几家公司现在正转向Preact，将其作为一种低成本的替代方案。Preact灯塔性能报告源代码和演示在这里。闪光Glimmer是目前最快的DOM渲染引擎之一。它为初始渲染和更新提供了出色的性能。Glimmer采用类似于虚拟机（VM）的体系结构，在不牺牲易用性的前提下，快速将模板编译为低级代码。它为我们提供了快速而轻巧的web用户界面组件。同时，它给你的细节，你已经来期待从余烬。它拥有JavaScript框架中最好的命令行界面（CLI）工具之一，因此很容易搭建应用程序和组件。要创建组件，只需在shell中启动一个命令：$ember g微光组件WidgetHeader$ember g微光辅助eq由于Glimmer完全重写了Ember渲染引擎，因此它缺少使用Ember中的组件所需的一些功能，如下所示：上下文组件内置模板帮助程序使用{component}}助手的动态组件调用赞成的意见业界最佳支持CLI，习俗与Ember相比，短学习曲线 - 低内存占用性能开发人员生产力CSS块 - 很有前途，但尚未测试欺骗社区支持项目目标还在阿尔法阶段插件/插件/包打字稿在撰写这篇文章时，数据分析平台，除了LinkedIn是他们的内部框架外，没有一家大公司把宝押在了Glimmer上。灯塔性能报告微光.js小装置源代码和演示就在这里。Vue公司Vue.js版是一个渐进的、可增量采用的JavaScript框架，用于在web上构建UI。它在许多方面都优于其他框架，比如流行性、社区支持，而且在功能方面也非常强大。可以说，我们喜欢Vue，但也有一些我们不喜欢的地方。欺骗大量的抽象不止一种构建功能的方法单个文件组件指令 ——这些指令覆盖HTML属性、目的、语义组件通信使用的公司列表Vue.js版生产是一个长期的过程，这包括像Facebook，Netflix，Adobe和小米这样的大公司。灯塔性能报告Vue.js版小装置源代码和演示就在这里。苗条苗条，神奇的消失的UI框架，避免了JavaScript膨胀，同时给了我们使用框架的所有好处。Svelte是一个编译时框架，它将应用程序编译为小型的独立JavaScript模块，而不是在用户的浏览器端解析和执行巨大的JavaScript包。换句话说，当它到达你的用户时，它已经消失了。你知道的，用你熟悉的语言编写程序是很容易的。它速度快，十大淘客软件排名，坚如磐石，其性能归功于编译时的静态分析，这确保了浏览器不会做更多的工作。赞成的意见最快的加载框架之一简单API单个文件组件国家管理服务器端呈现静态特性指令欺骗2016年11月才推出相对较新的框架缺乏社区支持和行业采纳Lighthouse Svelte widget性能报告源代码和演示就在这里。Web组件Web组件（又称自定义元素）在2019年卷土重来。它是建立在诸如自定义元素、阴影DOM、模板和HTML导入等规范之上的。这些是没有框架的浏览器标准组件。赞成的意见无框架膨胀普通Javascript、HTML和CSS规范的一部分浏览器支持 - Chrome、Safari、Opera、Firefox*Shadow DOM - CSS的最佳封装长期维护和支持可访问性和语义欺骗习俗国家管理IE和边缘支持模板插值规范不是标准浏览器支持（Polyfill？）Web组件小部件的Lighthouse性能报告源代码和演示就在这里。社区指标除了研究这些框架的技术方面之外，我们还希望获得这些框架的社区和工具支持。这是为了确保我们能够跟上框架生态系统的最新趋势，同时也要确保我们的开发实践和工具经得起未来的考验。我们收集了Github stars、forks、bundlesize度量和npm包等框架的不同统计数据，如下所示。下图显示了不同框架的Github星的数量。很明显，Vue和React是框架普及度方面的主要赢家，对大多数前端开发人员都有吸引力。我们还研究了每个框架的分叉数，因此我们对它们有了更全面的了解。这可能会给您提供来自公共框架的拉请求和其他修改的贡献数量。在这里，物联网设备，也有一个反应。捆大小（gzip）此图捕获了不同框架的gzip大小（以KB为单位），这可能与初始加载和应用程序启动性能直接相关。这些指标是从BundlePhobia收集的，BundlePhobia是一个工具，用于获取向bundle中添加npm包的成本。npm包这个图让我们清楚地了解了社区和工具支持，包括npm的各种框架的插件、库和包。为什么选择React在分析和评估了每个框架之后，我们选择了React。主要原因是它提供了生产力的提升，以及采用数量和社区支持来构建这种规模的应用程序。在我们讨论过的不同框架中构建产品原型之后，React最适合我们的应用程序。而且，学习曲线非常平滑，可以让新开发人员加入到项目中。使用React，我们能够快速有效地进行原型设计。因此，设计评审过程没有占用设计团队太多的时间。开发人员也很容易进行视觉和布局更改。React使我们能够为我们的应用程序获取许多社区插件和库，这些插件和库经过了战斗测试并有充分的文档记录。工具书类JS框架的大小，只是缩小+缩小和gzip（React，Angular 2，深度学习数据集，Vue，Ember）JS web框架基准测试束状恐怖症13家值得信赖的顶级公司Vue.js版一份精心策划的清单Vue.js版相关岗位比较Javascript框架重建Freshworks帮助小部件[第2部分]我们如何破解日常部署的密码