八款你不得不知的开源前端JS框架

本文推荐了八款比较热门和经典的Javascript 开源框架，并给出了相关学习资料，有兴趣的朋友可以看看~

---

angular.js

Angular.JS是一个开源的JavaScript框架，最适于开发客户端的单页面应用。它实现了前端MVC架构，专注于扩展HTML功能，提供动态数据绑定（Data Binding），且能与其它框架（如jQuery）合作融洽。(项目详情)

• 项目主页： http://angularjs.org/
• 代码托管地址: https://github.com/angular/angular.js

相关文档：

• AngularJS入门教程
• Angular js原文解析
• 七步从Angular.JS菜鸟到专家
• 使用Angular.js建立页面级CRUD
• 使用Angular.JS和ASP.NET创建单页应用
  
• 有jQuery背景的我，该如何用AngularJS编程思想？
  

相关下载：

• angularJS教程電子版PDF
• AngularJS开发下一代Web应用
• AngularJS入门教程.pdf
• angularjs 学习文档（英）

---

backbone

Backbone.js是一个JavaScript MVC框架，用于创建模型-视图-控制器 (model-view-controller, MVC)类应用程序和单页界面。在Backbone.js中，模型会存储通过RESTful JSON接口从服务器检索到的数据。模型与视图密切关联，负责为特定UI组件渲染HTML并处理元素上触发的事件。处理Ajax应用程序或者SPI应用程序时，Backbone.js可能是最好的解决方案。（详情）

• 项目主页： http://backbonejs.org/
• 代码托管地址: https://github.com/jashkenas/backbone

相关文档：

• Backbone.js的集合详解(上)
• Backbone.js的集合详解(下)
• jqueryMobile+backbone
• 初识backbone.js（系列文章 2 3 4 5 6 7 8 9）
• 从豆瓣说和Backbone.js说开去

相关下载：

• backbone.js入门教程
• Backbone.js开发秘笈
• backbone中文api
• Backbone.js构建网站
• backbone框架在实例中的应用~简单易学

---

ember.js

Ember.js是一款开源的JavaScript MVC框架，用来创建Web应用程序。它免除了样板文件并提供了一套标准的应用程序架构。Ember.js由Yehuda Katz创建，它是由SproutCore 2.0改名进化而来。在2013年8月31日发布Ember.js 1.0版本。（项目详情）

• 项目主页： http://emberjs.com/
• 代码托管地址: https://github.com/emberjs/ember.js

相关文档：

• Ember.js初学者指南
• Ember.js的一些学习总结
• Angular.js VS. Ember.js：谁将成为Web开发的新宠？
• Ember.js 概念详解--路由器
• Ember学习（1） （2）
• Ember的一些高级应用场景解决方案
  

---

knockout

Knockout 是个JavaScript 库，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。（详情）

项目主页：http://knockoutjs.com/

相关文档

• Knockout.js初探
• knockoutjs的学习心得
• knockout学习笔记（系列文章）
  
• Knockout应用开发指南之入门介绍
• knockout.js表格删除增加行，计算总金额实例
• Knockout js 基礎入門教學（pdf下载）
  

---

todomvc

TodoMVC是一款开源的JavaScript框架，它使用各种不同的MV*框架实现一个相同的Todo应用。TodoMVC最大的优点就是帮助开发者挑选出合适的MV*框架，从Backbone, Ember, AngularJS, Spine...一系列框架中决定使用哪个框架。（项目详情）

• 项目主页： http://addyosmani.github.com/todomvc
• 代码托管地址: https://github.com/tastejs/todomvc

相关文档：

• TodoMVC：帮助你选择一个MV*框架
• HTML-ViewParse的TodoMVC应用开发所暴露的问题
• TodoMVC (AngularJS) + Hood.ie = 60 minutes to awesome

---

Spine.js

Spine是一个构建JavaScript Web应用的轻量级框架。 Spine给你提供MVC框架，让你放心做自己事,让你集中精力在有意思的事情上，从而构建出令人惊叹的Web应用。Spine用CoffeeScript写成，但开发应用时不必要用CoffeeScript。你可以使用CoffeeScript或是JavaScript，选择你最熟悉的就好。（项目详情）

• 项目主页： http://spinejs.com/
• 代码托管地址：https://github.com/spine

相关文档

• Spine.js vs Backbone.js
• 转向Spine.js的十个理由
• 如何看待流行的JavaScript MVC框架Ember.js
• Spine.js MVC框架轻松打造简易页面架构

---

Meteor

Meteor是一种新型JavaScript框架，用于WebApp应用程序开发。Meteor在2012年4月首次发布。Meteor的基础构架是Node.JS+MongoDB，官方总结的Meteor的9个优势是：纯粹的JavaScript、实时页面更新、强大的数据同步、延迟补偿、代码热推送、敏感代码运行于受限环境中、完全独立应用包、互操作性强、智能的包。Meteor团队表示，包括Facebook、Google及Twitter在内等多家互联网巨头在Web应用方面都采用了与Meteor一样的技术。（项目详情）

• 项目主页： http://meteor.com
• 代码托管地址: https://github.com/meteor/meteor

相关文档

• 优秀的Meteor学习资源
• 使用Meteor轻松开发实时网站
• Meteor 简介与入门
• 优秀的Meteor学习资源
• 实时开发框架Meteor基础入门系列
  

---

jQuery

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

• 项目主页： http://jquery.com/
• 代码托管地址:https://github.com/jquery/jquery

相关文档

• jQuery中文入门指南
• 28个有用的jQuery教程
• 菜鸟的jquery学习笔记
• jQuery Mobile的默认配置项详解

相关下载

• jQuery基础教程(高清PDF中文版)
• jQuery权威指南366页完整版pdf和源码
• 犀利开发_jQuery内核详解与实践
• jQuery_Mobile_教程集合

---

更多开源项目及项目资料请查看：  CODE开源知识库 。