10 个最受欢迎的 JavaScript 框架

翻译：疯狂的技术宅 原文：www.edureka.co/blog/top-10…

多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择多是一个挑战。若是你感到困惑，不知道应该选哪一个或者究竟哪一个适合你，那么我已经帮你解决了问题。在本文中，我将列出用来构建 Web 应用程序的前10个 JavaScript 框架。

10. Aurelia

Aurelia 是一个开源的现代 JavaScript 模块工具箱，其有助于 Web 和移动应用程序的发展。它也被称为“下一代框架”。该框架自推出以来一直受到普遍承认。 Fileee、Freska、Ordami 和 BTEK Software 等公司以及800多个网站都使用了 Aurelia。

不要忘记，Aurelia 是惟一容许开发人员使用原生 TypeScript 或 JavaScript 构建组件的框架。

下面我列出了 Aurelia 的一些主要功能：

• 多语言支持：Aurelia 的 API 通过精心设计，能够用于当今和将来最实用的 Web 编程语言。 Aurelia 支持 ES五、ES201五、ES2016 和 Typescript，它很是有用，并可以为你提供高度的灵活性。
• 模块框架：Aurelia 不是采用单一框架的方式，而是由较小的、专一的模块组成。把它们放在一块儿能够组成功能齐全的框架，也能够经过自定义构建可选择的方案。
• 整洁的文档：Aurelia 提供了一个很是详细并有用的文档集，能够帮助全部的开发人员。它以良好的文档维护而闻名。
• 可扩展的 HTML：Aurelia 的可扩展 HTML 编译器容许你建立自定义 HTML 元素，能够向现有元素中添加自定义属性并控制模板生成，全部这些都彻底支持动态加载、数据绑定和高性能批量渲染。

9. Polymer

Polymer 是一个由 Google 维护的开源 JavaScript 库，用于使用 Web 组件构建 Web 应用。目前，有超过3000个网站正在使用聚合物，好比virustotal.com、rogers.com、zeplin.io等。

与其余 JavaScript 框架不一样，Polymer 让开发人员构建组件时去利用 Web 中存在的功能。它是第一个利用 Web 组件来对应用进行交互式构建的库。

Polymer 的关键特性：

• Web 组件：Polymer 构建在 Web 组件的思想之上。 Web 组件是一组 w3c 标准，由几种不一样的 Web 技术组成，其中包括自定义元素。这些组件是浏览器的一部分，因此你不须要任何第三方工具和库，好比 jQuery。
• 单向和双向数据绑定：它提供单向和双向数据绑定。Polymer 旨在支持在单向和双向流动的数据。
• 本机浏览器：Polymer 使用本机浏览器技术，而不是依赖于自定义 JavaScript 库。Polymer 的 DOM 层最接近本机 JavaScript 层。
• 自定义元素：它容许使用 HTML、CSS 和 JavaScript 轻松建立自定义元素，以便向元素添加交互。 Polymer.js 提供了建立自定义 HTML 元素的最简单方法，由于它的库是基于 Web 标准 API 构建的。

8. Meteor

Meteor 是一个用 NodeJS 编写的免费开源 JavaScript 框架。它容许进行快速原型设计并生成跨平台代码。它在市场上愈来愈受欢迎，超过 13,000 个网站使用了 Meteor。像mtv.com、meteofrance.com等网站利用 Meteor 来构建他们的用户界面。

Meteor 的主要特性：

• 全栈：Meteor 为开发和部署 Web 应用提供了全栈解决方案。 Meteor 捆绑了几个内置功能，如反应式模板、自动 CSS 等。
• 智能包：为你的应用开发登陆系统可能会很麻烦。但 Meteor 不会。 Meteor 软件包能够轻松添加用户账户，还有 React 之类的 JavaScript 库等。最好方便的是，添加这些类型的智能包很容易，只需在终端中敲几下键盘就能够了。
• 实时网络应用：Meteor 是构建实时程序的完美解决方案。从数据库到模板全部的层都会自动更新。这意味着无需刷新页面便可查看更新。对文档的任何修改都会当即保存。这使得 Meteor 成为实时协做的完美解决方案。
• 单一语言开发：Meteor 容许在前端和后端使用相同的代码，可用于移动和 Web 应用。它能够杜绝安装和配置不一样的库、模块管理器、API、驱动程序等。这大大的节省了开发人员的时间，由于他们不须要在服务器语言和 JavaScript 之间执行上下文切换。

7. Ember

Ember是一个开源的 JavaScript Web 框架，它容许开发人员经过将最佳实践合并到框架中来构建可伸缩的单页面 Web 应用。 Ember 被评为最佳的 JavaScript 客户端框架，其主要竞争对手是 React 和 AngularJS。目前超过 6000 个网站正在使用 ember。仅举几例：nasa.gov、tutorialspoint.com 等。

Ember 的一些主要特性：

• Web开发的将来：在 Babel JavaScript 转换器的帮助下，Ember 容许开发人员使用将来的 JavaScript 标准并将其进行转换为目前浏览器支持的代码。不知道 Babel 是什么？ Babel 是一个 JavaScript 转换器，容许开发人员如今使用下一代 JavaScript 代码。另外 Babel 受益于众多插件，而且与 Ember、Rails、Sails 和 Meteor 等框架兼容。
• Ember cli：Ember 和 Ember-CLI 彻底是两个不一样的东西，但若是没有另外一个则二者都不完整。 Ember-CLI 是一个命令行实用程序，它与 Ember 框架的软件栈一块儿提供。 Ember-CLI 是一种强大的生产力工具，支持CoffeeScript、Handlebars、LESS 和 Sass 等。
• Ember 模板：Ember 的模板内置于 Ember 的 UI 中，这些模板使用 Handlebars 模板语言编写。 Handlebars 以其使用双花括号命名，它可使开发人员写更少的代码。模板在 Ember 中提供了许多功能，例如组件、插口和表达式等。
• CoC：它的惟一目的是速度和“把事情搞定”的理念，这对于那些老是努力超越竞争对手的初创公司来讲是一个巨大的推进力。Ember 有关于其结构的最佳实践，这意味着开发人员能够更专一于实现业务，而不是经过繁琐的代码从新发明轮子。有更多的成果，而不是蓝图。

6. NodeJS

Node.js 是一个基于 Google Chrome 的 JavaScript 引擎构建的开源服务器端平台。使用 NodeJS 的网站数量已超过 84,000 个。它是下载量最大的用于执行 JavaScript 代码的跨平台运行时环境之一。

Node.js 的主要特性：

• 非阻塞：Node.js 库的全部API都是异步的，即非阻塞的。这意味着基于 Node.js 的服务器永远不会等待 API 返回数据。服务器在调用它以后移动到下一个 API，而且事件的通知机制帮助服务器从先前的 API 调用得到响应。
• 单线程：Node.js 使用带有事件循环的单线程模型。事件机制可帮助服务器以非阻塞方式响应，从而使服务器具备高度可伸缩性，而传统服务器则建立有限的线程来处理请求。与 Apache HTTP Server 等传统服务器相比，Node.js 使用的单线程程序能够为更多的请求提供服务。
• 快速：NodeJS 创建在Google Chrome 的 V8 引擎之上。 Google 的 V8 引擎确保 Node.js 库以极快的速度执行其代码。
• 数据流：NodeJS 程序从不缓冲任何数据，它们只是以数据块的形式输出数据。这样 NodeJS 能够提供​​更快的服务。

5. BackboneJS

BackboneJS 是一个轻量级 JavaScript 库，用来开发和构建在 Web 浏览器中运行的客户端应用。与其余框架不一样，Backbone 让开发人员负责选择最适合当前项目的工具。目前，超过50万个网站正在使用 Backbone，其中包括tumblr.com、espn.com、soundcloud.com等等。

Backbone 的主要特性：

• 分离的业务和UI逻辑：Backbone 能够帮助你把本身的业务逻辑与用户界面分开，这是很是重要的一点。当二者纠缠在一块儿时，修改将会变得很难。当逻辑不依赖于 UI 时，你的界面会变得更加易用。
• 事件驱动的通讯：当项目不断增加时，jQuery 声明和回调将变得更加复杂，代码变得更加混乱。 Backbone.js 经过在视图和模型之间提供事件驱动的通讯来克服这个问题。
• 更少的代码：约定是引入通用编码风格的好方法，而无需提供大量的编码标准。你遵照的 backbone 约定越多，编写代码的次数就越少，反过来代码也会变得更加标准化，并具备可读性。
• 与后端同步：因为其对 RESTful API 的出色支持，BackboneJS 中的模型能够轻松地与后端绑定。若是 API 设计正确，则 backbone 能够直接经过访问这些操做来进行读取、写入和删除操做。

4. jQuery

Jquery 是最古老的 JS 框架之一。这个框架已经存在了 13 年之久，并且它仍然很强大。那么什么是 jQuery？

jQuery 是一个快速而简洁的 JavaScript 库，由 John Resig 在2006年建立，它有一个很好宗旨：写得少，作得多。它是一个跨浏览器的 JavaScript 库，旨在简化 HTML 的客户端脚本。目前有超过 1900 万个网站正在使用jQuery！WordPress、Facebook、Google、IBM 和其余许多公司都依赖 jQuery 提供独一无二的网络浏览体验。

jQuery的主要特性：

• DOM操做：它使对 DOM 的操做变得很是容易，使开发人员能够经过易于学习的API（基于顶层 JavaScript）充分利用他们的创造力来建立使人惊叹的东西。
• 大型社区：其贡献者的社区比任何其余 JavaScript 库更加庞大和多样化。它有普遍而全面的文档支持，不要忘记，它会不断获得维护，而且会愈来愈强大。
• AJAX支持：简而言之，AJAX（异步 JavaScript 和 XML）是关于在后台加载数据并将其显示在网页上，而无需从新加载整个页面的技术。 jQuery 为 AJAX 功能提供了好几种方法。经过 jQuery AJAX，你能够用 HTTP Get 和 HTTP Post 从远程服务器请求文本、HTML、XML或JSON。
• 跨浏览器支持：jQuery 具备跨浏览器支持特性，适用于 IE 6.0 +，FF 2.0 +，Safari 3.0 +，Chrome 和 Opera 9.0+等。

3. Vue

Vue是一个用于构建 UI 的开源 JavaScript 框架。因为它的设计具备适应性，Vue 简化了与其余 JavaScript 库的项目集成。目前超过 36,000 个网站正在使用 Vue。像 stackoverflow、playstation 等公司依赖 Vue 开发他们的网站界面。

VueJS的主要特性：

• 模板：Vue.js 提供基于 HTML 的模板，将 DOM 与 Vue.js 实例数据绑定。 Vue.js 将模板编译为虚拟 DOM 渲染函数。 Web 开发人员可使用渲染函数的模板，并可使用渲染函数替换模板。
• 体积小：JavaScript 框架的成功取决于它的大小。个头越小用的人越多。 Vue.js 最大的优点之一是体积小。该框架的大小为 18-21 KB。
• 适应性：Vue 容许用户用虚拟节点把模版写在 HTML 文件、JavaScript 文件和纯 JavaScript 文件中。这种灵活性还容易让使用 React.js，Angular.js 和任何其余新 JavaScript 框架的开发人员理解。它基于 JavaScript 框架，能够集成到基于 JavaScript 构建的其余程序中。
• 详细的文档：开发人员老是喜欢使用带有详细文档的框架，由于他们老是很容易编写本身的第一个应用程序。Vue.js 的文档很是全面，任何对 JavaScript 和 HTML 有所了解的用户均可以用它开发本身的应用或网页。

2. ReactJS

React 是 Facebook 维护的另外一个 JavaScript 库，用于构建交互式和复杂的 UI。它是最热门的框架之一，有超过 3 万个网站使用 React 实现 UI。举几个网站：Microsoft.com、yahoo.com 等。

ReactJS 的主要特性：

• Virtual DOM：在React中，对于每一个 DOM 对象，都有一个对应的“虚拟 DOM 对象”。虚拟 DOM 对象建立原始 DOM 的虚拟副本。这是一种单向数据绑定，因为修改时不须要实时向屏幕渲染，所以操做虚拟 DOM 比更新原始 DOM 快不少。
• JSX：React 使用了 JSX，这是一个使用 HTML 引用的简单 JavaScript，而不是用于模板的 JavaScript。你也可使用 HTML 语法来渲染子组件，或使用老式的 JavaScript 编写，这意味着不管采用哪一种方式，你均可以灵活地进行编码。
• 单向数据流：React.js 的设计方式使其只支持在一个流程中向下游传递的数据。若是数据必须向另外一个方向流动，则须要其余功能支持。
• 组件：在React中，全部内容都被视为组件，所以你能够轻松导入 React 支持的组件，而不是编码或构建整个功能，你能够方便的导入并使用它。

1. AngularJS

Angular 是最强大、最高效、最开源的 JavaScript 框架之一。在这个列表中不可能不说起 Angular。该框架由Google 运营，用于开发单页应用（SPA）。这个开发框架之因此出名，主要是由于它为开发人员提供了将JavaScript 与 HTML 和 CSS 结合起来的最佳条件。有超过五十万个网站如 google.com、youtube.com 等正在使用 Angular。

Angular 的主要特性：

• MVC 架构：AngularJS 最重要的特性之一是 MVC 架构。 MVC 架构分为三个元素，即模型、视图和控制器。

  1. Model：它是 MVC 架构的最低层级，用来存储数据。
  2. View：负责向用户展现你的全部数据。
  3. 控制器：它基本上是用来控制模型与视图之间整个交互的代码。

• 双向绑定：这是一个使人惊叹的功能，它将 AngularJS 与其余 JavaScript 框架区分开来。 Angular Data-Binding 在模型和视图之间创建连接。在双向数据绑定过程当中，视图会显示在模型中所作的更改，反过来模型反映了在视图中所作的更改。

• 单页应用：使用 AngularJS 框架，你能够构建彻底响应式的单页应用，能够轻松完美地适应不一样的屏幕尺寸。与其余网络应用相比，它还能改善用户体验。因为基于 AngularJS 的单页应用是在客户端渲染的，所以它们经过减小 Web 服务器上压力来减小网络流量。

• HTML UI：AngularJS 的另外一个重要特性是它使用 HTML 语言来构建用户界面。 HTML 语言是一种常见的声明性语言，标签很短，易于理解。这致使了更简单、更有条理的UI。 JavaScript 接口一般更难以开发和组织。若是你正在寻找一种快速，简单且易于使用的解决方案，那么应该就是它了。

欢迎关注公众号：前端先锋，获取更多前端干货。