2017年前端框架、类库、工具大比拼 - 葡萄城控件技术团队(2)_H5之家

缺点：

有些方法只在ES2015及更高版本的JavaScript中可用。

AngularJS 1.x

AngularJS

类型

框架

网站

angularjs.org

知识库

github.com/angular/angular.js

当前版本

1.6.4

开发人员

Google

发布日期

2010年10月

大小

144KB

用途

单页应用程序

使用度

低

Angular是框架（或MVC应用程序框架）类列表中的第一个。目前最流行的Angular版本是1.x，它使用双向数据绑定扩展HTML，同时解耦了DOM操作和应用程序逻辑。

尽管版本2（现在是版本4！）已经发布了，但是Angular 1.x仍在开发中。

优点：

缺点：

Angular 2.x（现在是Angular 4.x）

Angular

类型

框架

网站

angular.io

知识库

github.com/angular/angular.js

当前版本

4.1

开发人员

Google

发布日期

2016年9月

大小

最小450kb

用途

单页面应用

使用度

低

Angular 2.0于2016年9月发布。这是一个完整的重写，它引入了使用TypeScript创建的基于模块化组件的模型。Angular 4.0于2017年3月发布。

Angular 2.x与v1版本截然不同，也不与其它版本兼容 - 也许Google应该给项目起一个不同的名字！

优点：

缺点：

React

类型

框架

网站

facebook.github.io/react/

知识库

github.com/facebook/react

当前版本

15.5.4

开发人员

Facebook和贡献者

发布日期

2013年3月

大小

21kb分钟

用途

单页应用程序

使用度

低

React是一个用于构建用户界面的JavaScript类库，也是去年最受关注的类库。它专注于Model-View-Controller（MVC）开发的“View”部分，使用它可以轻松创建保留状态的UI组件。它是实现虚拟DOM的首选类库之一，它的内存结构能够有效地计算差异，页面更新也更加有效。

统计显示React的使用度似乎很低，因为它是在应用程序中使用而不是在网站。

优点：

缺点：

了解更多关于React the ES6 Way

Vue.js

类型

框架

网站

vuejs.org

知识库

github.com/vuejs/vue

当前版本

2.0

开发人员

Evan You

发布日期

2014年2月

大小

最小19kb

用途

单页面应用

使用度

低

Vue.js是一个用于构建用户界面的轻量级渐进框架。它提供了一个类似React的虚拟DOM驱动视图层，可以与其它类库集成，用于构建强大的单页面应用。该框架是由之前在AngularJS工作过的Evan You创建的，他提取了AngularJS中自己喜欢的部分。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在数据改变时更新view的纯JavaScript对象。

优点：

缺点：

Backbone.js

类型

框架

网站

backbonejs.org

知识库

github.com/jashkenas/backbone/

当前版本

1.3.3

开发人员

Jeremy Ashkenas

发布日期

2010年10月

大小

最小8kb

用途

单页面应用

使用度

低

Backbone.js是提供服务器端框架中常见的MVC结构的最早客户端选项之一。它唯一的依赖是Underscore.js。

Backbone.js声称是一个类库，因为它可以与其它项目集成，但是我觉得大多数开发人员都认为它是一个框架。

优点：

缺点：

Ember.js

类型

框架

网站

emberjs.com

知识库

github.com/emberjs/ember.js

当前版本

2.15.0

开发人员

Ember team

发布日期

2011年12月

大小

最小95kb

用途

单页面应用

使用度

低

Ember.js是基于Model-View-ViewModel（MVVM）模式的框架之一。它在单个包中实现模板化、数据绑定和类库。

优点：

缺点：

Knockout.js

类型

框架

网站

knockoutjs.com

知识库

github.com/knockout/knockout

当前版本

3.4.2

开发人员

Steve Sanderson

发布日期

2010年7月

大小

最小59kb

用途

单页面应用

使用度

低

Knockout.js是最早的MVVM框架之一，它确保了UI与底层数据保持同步，具有模板和依赖关系跟踪。

优点：

缺点：

更多的框架和类库

以下项目虽然不是特别流行，但值得考虑：

工具：执行通用任务

构建工具自动执行各种Web开发任务，例如预处理、编译、优化图像、缩小代码、代码分析和运行测试等。任务可以在一个可执行包中统一管理。

目前最受欢迎的工具如下：

Gulp.js

网站

gulpjs.com

知识库

github.com/gulpjs/gulp

当前版本

3.9.1

每月下载

300万