盘点前端开源JS框架和库

新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具，并讨论它们的适用场景。

 

1.angular.Js

地址：http://www.runoob.com/angularjs/angularjs-tutorial.html

代码托管地址:https://github.com/angular/angular.js

AngularJS 诞生于2009年，由Misko Hevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

2.Node.Js

地址：http://www.runoob.com/nodejs/nodejs-tutorial.html

如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScript，如果你熟悉Javascript，那么你将会很容易的学会Node.js。当然，如果你是后端程序员，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择。

3.requirejs

地址：http://www.requirejs.cn/

RequireJS的目标是鼓励代码的模块化，它使用了不同于传统标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。RequireJS以一个相对于baseUrl的地址来加载所有的代码。

4.Vue.js

地址：http://cn.vuejs.org/

Vue.js是用于构建交互式的 Web  界面的库，它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API，从技术上讲，Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架，Vue.js 更容易上手。

5.React.js

地址：http://reactjs.cn/react/docs/why-react.html

React是一个Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC中的V（视图）。我们创造 React是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React采用下面两个主要的思想。

6.backbone.js

地址：http://www.css88.com/doc/backbone/

代码托管地址:https://github.com/jashkenas/backbone

Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESRful JSON接口连接到应用程序。

7.jQuery

代码托管地址:https://github.com/jquery/jquery

jQuery是继Prototype之后又一优秀JavaScript框架。它可方便地操作文档对象、处理事件、实现动画效果、使用Ajax与网站交互等。提供API，可供开始者编写插件，且具有详尽的说明文档。兼容CSS3及各种浏览器（jQuery2.0及后续版本不支持IE6/7/8浏览器）。

8.Zepto.js

地址：http://www.css88.com/doc/zeptojs/

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。  如果你会用jquery，那么你也会用zepto。设计的目的是提供jquery的类似的APIs，但并不是100%覆盖jquery为目的。zepto设计的目的是有一个5-10k的通用库、下载并执行快、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。

9.ember.js

官方地址：https://emberjs.co