Over the years, the industry has issued a number of JavaScript frameworks, how to choose can be a challenge. If you are confused, you do not know which to choose or to find out which is right for you, then I have to help you solve the problem. In this article, I will list the first 10 used to build the JavaScript framework for Web applications.
10. Aurelia
Aurelia is a modern open source JavaScript toolkit module that facilitates the development of Web and mobile applications. It is also called "next generation framework." The framework since its launch has been widely recognized. Fileee, Freska, Ordami and BTEK Software and other companies as well as more than 800 sites use Aurelia.
Do not forget, Aurelia is the only allows developers to use native TypeScript or JavaScript building component framework.
Below I've listed some of the key features of Aurelia:
Multi-language support: Aurelia's API is designed for today and tomorrow may be the most useful Web programming language. Aurelia support ES5, ES2015, ES2016 and Typescript, it is very useful and can provide a high degree of flexibility for you.
Module frame: Aurelia instead of using a single framework, but by a smaller, focused modules. Put them together may be composed of a fully functional framework, an alternative embodiment may be constructed by custom.
Neat document: Aurelia provides a very detailed and useful set of documents that can help all developers. It is known to maintain good documentation.
Extensible HTML: Aurelia extensible HTML compiler allows you to create custom HTML elements, you can add custom attributes to existing control elements and template generation, all of which fully support dynamic loading, and high-performance bulk data binding rendering.
9. Polymer
Polymer is maintained by a Google open source JavaScript library for building Web applications using the Web components. Currently, there are over 3000 websites are using the polymer, such as virustotal.com, rogers.com, zeplin.io and so on.
Unlike other JavaScript frameworks, Polymer allows developers to use existing Web function building elements. It was the first to use the application to build interactive Web component library.
Polymer key features:
Web components: Polymer builds on the idea of Web components. W3c Web component is a set of standards, several different Web technology components, including custom elements. These components are part of the browser, so you do not need any third-party tools and libraries, such as jQuery.
One-way and two-way data binding: it offers one-way and two-way data binding. Polymer is designed to support data in one-way and two-way flows.
Native browser: Polymer using native browser technology, rather than rely on custom JavaScript library. Polymer layer closest to the native JavaScript DOM layer.
Custom element: it allows the use of HTML, CSS and JavaScript to easily create custom elements, in order to add interactivity to the elements. Polymer.js provides the easiest way to create custom HTML elements, because it is based on Web standards API library built.
8. MeteorMeteor is a free, open source JavaScript framework with NodeJS written. It allows for rapid prototyping and generate cross-platform code. It is increasingly popular in the market, more than 13,000 sites use Meteor. Like mtv.com, meteofrance.com and other sites to build their user interface using the Meteor.
Meteor's main features:
Full Stack: Meteor provides a full stack for developing and deploying Web application solutions. Meteor bundled with several built-in features, such as reactive templates, CSS, etc. automatically.
智能包：为你的应用开发登录系统可能会很麻烦。但 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 架构分为三个元素，即模型、视图和控制器。
Model：它是 MVC 架构的最低层级，用来存储数据。
View：负责向用户展示你的所有数据。
控制器：它基本上是用来控制模型与视图之间整个交互的代码。
双向绑定：这是一个令人惊叹的功能，它将 AngularJS 与其他 JavaScript 框架区分开来。 Angular Data-Binding 在模型和视图之间建立链接。在双向数据绑定过程中，视图会显示在模型中所做的更改，反过来模型反映了在视图中所做的更改。
单页应用：使用 AngularJS 框架，你可以构建完全响应式的单页应用，可以轻松完美地适应不同的屏幕尺寸。与其他网络应用相比，它还能改善用户体验。由于基于 AngularJS 的单页应用是在客户端渲染的，因此它们通过减少 Web 服务器上压力来减少网络流量。HTML UI：AngularJS 的另一个重要特性是它使用 HTML 语言来构建用户界面。 HTML 语言是一种常见的声明性语言，标签很短，易于理解。这导致了更简单、更有条理的UI。 JavaScript 接口通常更难以开发和组织。如果你正在寻找一种快速，简单且易于使用的解决方案，那么应该就是它了。
