在这篇文章中，我们将介绍2020年可以尝试的最佳JavaScript库和框架。为什么呢？嗯，JavaScript在每个Web浏览器中都可用，这使其成为当今最易用的编程语言。
在2010年代，JavaScript库和框架成为前端开发人员的可靠选择。
对于今天列表中探索的每个框架，我们将让您知道其流行的原因，如何开始使用该框架以及评估该框架的成熟度和社区支持。
如果您是新开发人员，则此文章应指导您选择可以开始使用的框架。如果您打算将这些库用于WordPress网站，则在考虑本文中的框架之前，应该先阅读WordPress的本指南。
让清单开始：
（无特定顺序）
1.角度
Angular是当今可用的最成熟的JavaScript框架之一。 Google于2010年发布了其第一个版本AngularJS。2016年，随着Angular 2的发布，哲学发生了重大变化，该框架更名为Angular。
Angular使您能够控制UI组件和行为。 Angular将每个DOM元素视为一个组件。然后，您可以跟踪各种行为或将各种行为与每个指令关联。
Angular是基于TypeScript的框架，因此学习曲线很陡。您需要花费大量时间来掌握Angular，尽管稍后会给您带来回报。
这是使用Angular创建您的第一个应用程序的指南。如果您以前从未使用过TypeScript，则此简短介绍应该可以帮助您入门。
2.反应
React是另一个创建用户界面的框架。这个JavaScript框架一直是Facebook内部项目开发的，直到2013年公开发布为止。它是一个成熟的项目，拥有大量的参与者基础和良好的在线支持。
母公司的所有网络和移动产品（Facebook，WhatsApp和Instagram）都使用React。在过去的几年中，React已被广泛接受为Web应用程序的顶级前端框架。
尽管与Angular相比，React的核心功能更易于学习，但您可能需要移至第三方库以获取高级功能。只需几行即可创建hello world应用程序的能力使React如此受欢迎。
这是在React上创建第一个应用程序的指南。
3. Vue
Vue是一个年轻但令人兴奋的JavaScript框架，由前Google员工Evan You于2014年发布。在过去的几年中，它取得了巨大的增长，可以与Angular和React并驾齐驱。作为其日益普及的标志，Vue在其GitHub存储库中的星数已经超过Angular和React。
Vue在设计Web应用程序时为您提供了巨大的自定义潜力。这使得学习和快速在Vue上构建东西变得更加容易。在构建更复杂的组件时，您可以继续学习Vue的高级功能。实际上，Vue的可定制性允许从任何其他框架轻松过渡。
这是Vue入门指南。
…
?您是否仍不确定下一个项目应选择Angular，React还是Vue？这是我们的指南，可帮助您选择。
4.奥雷利亚
Aurelia是一个现代的开源UI库，其开发宗旨是简洁。它是在Angular 2发行的大约同一时间由Durandal Inc发布的。它的社区在最近几年中发展壮大，因此，如果您遇到任何障碍，应该可以在线找到帮助。
由于其简单性，它鼓励您发挥创造力。在Aurelia中创建单个组件的代码类似于VanillaJS，这提高了其在开发人员中的吸引力。它的内置功能（例如路由，强大的数据绑定和测试）使您可以创建强大的前端应用程序。 Aurelia具有高度可扩展性，可以轻松地与其他第三方框架（如React）集成。
Aurelia的快速入门教程介绍了如何构建待办应用程序，并且足以让您开始使用该框架。
5.灰烬
Ember，也称为Ember.js，是一个现代的JavaScript框架，它鼓励您创建雄心勃勃的Web应用程序。它带有“包括电池”，它表示某些关键框架功能。由于其理念，它可以作为创建复杂Web应用程序的独立解决方案。
Ember包括一个快速的DOM渲染引擎Glimmer。这使您能够从模板呈现DOM元素。 Ember具有单独的数据层，路由和内置的测试环境。 Ember还具有命令行界面，该界面可让您执行诸如重建，自动重新加载组件以及运行单元测试之类的操作。此外，Ember使您能够与高质量的精选社区Ember Addons集成以增加功能。
这是在Ember中创建基本组件的快速入门指南。
6.摩卡咖啡
Mocha是在Node.js上编写的功能丰富的测试框架。虽然其他框架可能提供测试模块，但Mocha也允许您异步测试。 Mocha测试以串行方式运行，从而可以灵活，准确地报告指标。
Mocha与Chai之类的其他JavaScript断言库很好地集成，从而可以无缝地从其他库过渡。该测试框架可在大多数现代浏览器上运行，并能够根据要测试的浏览器自定义测试。
这是Mocha的简单入门指南。
7. Webix
Webix是一个JavaScript库，其中包含即用型UI组件和小部件。由于它与HTML5兼容，因此如果要创建基于HTML的Web或移动应用程序，则非常适合使用。
如果需要现成的组件，则应选择此框架。这些组件可以分为五类：数据（数据表，过滤器），导航（菜单，提示），布局（手风琴，仪表板），可视化（图表）和弹出窗口。此外，Webix将可视层和数据层分开，这有助于模块化开发和测试。如果您要开发复杂的Web应用程序，Webix还可以与MVC框架很好地集成。这是Webix下小部件的完整列表。
Webix的基本永久许可证单个项目和单个开发人员的价格为449美元。枢轴，看板和电子表格等复杂的窗口小部件需要额外付费。
8.盖茨比
Gatsby，也称为GatsbyJS，是一个免费的开源基于React的框架，用于创建快速的静态网站和应用程序。静态网站是一组相互链接的HTML页面，这些页面向所有连续的查看者显示相同的内容。它们不连接到数据库以根据请求提取新数据。
Gatsby是一个多合一的静态网站生成器。它允许您定义网站的内容，路由和链接，并从各种数据源中提取数据以按需构建静态站点。尽管盖茨比（Gatsby）相当新，但它的流行导致社区的显着增长。例如，这是社区维护的盖茨比主题列表。
这是Gatsby的快速入门指南。
…
?如果您想了解Gatsby与WordPress的比较情况，请按以下步骤处理。
9.通天塔
Babel是一个JavaScript编译器，毫无疑问可能是最好的JavaScript库之一。您是否希望跨JavaScript版本编写代码会更容易？巴别塔的人们也遇到同样的问题，并提出了巴别塔形式的解决方案。
Babel本质上是一个编译器。它采用以一种JavaScript标准编写的代码，并将其转换为另一种标准。因此，此外，为了帮助您将ES6编译为VanillaJS，Babel还可以帮助将旧的JavaScript代码转换为新版本。 Babel依靠详细的配置文件来完成编译，因此它可能为初学者提供陡峭的学习曲线。
这是Babel的快速入门指南，可帮助您熟悉预设和配置。
10. ESLint
ESLint是可插入的JavaScript linter，可帮助您查找和修复JavaScript代码中的问题。该工具静态分析您的代码以发现其中的问题并突出显示潜在问题。 ESLint可以与您的文本编辑器关联，也可以内置到您的持续集成（CI）管道中，以在将新代码推入生产阶段时对其进行测试。
您可以配置ESLint以在JavaScript代码上运行测试，添加新规则以及ESLint的内置规则以根据组织的要求自定义测试。您还可以将工具设置为自动修复例行错误，以提高整个开发过程的效率。
如果使用基于GUI的文本编辑器，则需要安装插件以将测试集成到您的实时编码环境中。这是Sublime Text和Atom的ESLint插件。这份快速入门指南可帮助您在服务器上安装ESLint，这可以作为与Gulp或Grunt之类的构建系统集成的先驱。
11. D3.js
D3.js（或简称D3）是一个JavaScript库，用于通过处理HTML DOM元素来可视化数据。 D3首次发布至今已有近十年的历史，并且已经发展成为功能最强大的JavaScript可视化库。
该库使您可以从各种数据格式和数据源收集数据。 D3然后使用
元素以创建基本图形，或使用SVG元素带来复杂性。它通过使开发人员能够重用代码来鼓励模块化方法。您也可以向图表添加交互性。
这是为初学者在D3中创建条形图的教程。
12.刮胡子
Shave是一种轻量级的JavaScript工具，可将文本截断以适合HTML5 DOM元素。它将其余文本暂时隐藏在 元素，以后可以根据需要显示。它只是一个1.5 KB的插件，没有依赖项可以完成特定任务。
要使用Shave的功能，请提供HTML DOM选择器和最大高度。它与可能具有更高级截断功能的其他插件很好地集成在一起。使用“剃须”的好处是能够快速将大量元素转换在一起。
这是Shave的CodePen演示，演示了截断50个元素所需的时间。
13. Webpack
Webpack是一种现代JavaScript工具，可用作静态模块捆绑程序。它本质上捆绑了应用程序的资产和资源，从而使您的代码保持干净。以后，它们可以在最小化相同资产后加载它们，从而帮助您节省一些加载时间。
该工具分析您的应用程序的依存关系，以创建内部依存关系图。此依赖关系图映射了项目所依赖的每个资产，以为应用程序的各种版本生成捆绑包。这是Webpack入门指南。
14. LitElement
LitElement是Google开发的另一个JavaScript库，使开发人员能够无缝创建简单的网站。它最初是作为聚合物库，现在已经发展成为一个新项目。 LitElement的目的是使开发人员能够快速创建快速，轻巧，可重用的Web组件。
您使用LitElement创建的任何Web元素均遵循Web组件标准。因此，您的组件也可以轻松地与任何其他框架集成。 LitElement允许您也自定义元素。 LitElement Web组件可与所有主要的Web浏览器一起使用。
到顶部
关于最佳JavaScript库的最终想法
在本文中，我们探索了最好的JavaScript库和框架，供您在2020年试用。
我们首先讨论了可用于创建完整的前端应用程序的最佳JavaScript库。接下来，我们研究了各种库，这些库提供了可立即使用的可重用Web组件，以帮助快速开发。最后，我们继续研究为开发人员解决特定问题的工具和插件，例如捆绑，可视化，调试和编译。
您最喜欢的JavaScript库是什么？随时分享以下评论。
…
别忘了加入我们的速成班，以加快WordPress网站的速度。通过一些简单的修复，您甚至可以减少50-80％的加载时间：
Karol K的布局，演示和编辑。
