50+ 个 JavaScript & HTML5 框架以及相关工具

红薯 发布于 2012/03/10 23:27
阅读 11K+
收藏 123

全堆栈框架和工具包

jQuery
License: MIT and GPL licenses
GitHub: Yes
不用说,做web开发的都知道 jQuery,使用最为广泛的 ajax 框架。

Dojo Toolkit
License: BSD license or the Academic Free License version 2.1
GitHub: No (source hosted on SVN)
Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。

ExtJS
License: GNU GPL license v3 and paid Commercial licenses available
GitHub: No
ExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。

Twitter Bootstrap
License: Apache v2
Github: Yes
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

YUI
License: BSD
GitHub: Yes
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。

MooTools
License: MIT
GitHub: Yes
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代 码。

Kendo
License: GPLv3 and paid Commercial licenses available
GitHub: No
依赖: jQuery
Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Prototype
License: MIT
GitHub: Yes
Prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。

SproutCore
License: MIT
Girhub: Yes
SproutCore的目标是在浏览器中提供极佳的桌面效果应用而无需任何浏览器插件。SproutCore主要采用了JavaScript、HTML以及CSS。

Ember.js
License: MIT
GitHub: Yes
Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。前身是 SproutCore 2.0.

Blossom
License: GPL v3
Github: Yes
Blossom 是一个先进的、跨平台的应用开发框架,基于 SproutCore 重写,重新架构视图层,使 HTML 和 CSS 独立,提供高性能的动画子系统。

Google Closure
License: Apache v2
Github: No (Source available on Google Code)
Closure JavaScript编译器和库曾被Google用于开发Gmail、Google Docs、Google Maps以及其它应用程序。 Closure工具包括了JavaScript优化器,移除不需要的代码,压缩其余的代码以实现速度最大化

Cappuccino
License: LGPL
Github: Yes
Cappuccino是一种以桌面软件用户熟悉的方式开发Web应用的开源开发框架,类似MacOS上的Cocoa。Cappuccino是使用新程序语言Objective-J的实现,该语言模仿了Objective-C,完全建立在JavaScript上。

Tower.js
License: MIT
Github: Yes
Tower.js 是一个基于 Node.js 的全堆栈 Web 开发框架,参考 Ruby on Rails 框架的思路。

架构框架

Knockout.js
License: MIT
GitHub: Yes
Knockout 是个JavaScript library,帮助创建丰富的显示和编辑器UI,通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。

Backbone.js
License: MIT
GitHub: Yes
Backbone 是一种重量级javascript  MVC 应用框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过 Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.

AngularJS
License: MIT
GitHub: Yes
AngularJS 是一组用来开发Web页面的丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。

Spine
License: MIT
GitHub: Yes
Spine 是一个用于构建 JavaScript Web 应用的轻量级框架。Spine 可让你使用 MVC 的框架思路来开发Web应用。

Agility.js
License: MIT
GitHub: Yes
Agility.js 是个MVC library for Javascript,可使你写可维护性和再利用的浏览器代码,目的是能够让开发者利用jQuery快速写出web应用。

Sammy.js
License: MIT
MIT: Yes
Sammy.js 是一个微型的 JavaScript 框架用来简化 JavaScript 应用程序的编写,其核心只有 16K,压缩后 5.2K 大小。

JavaScriptMVC
License: MIT
Github: Yes
Dependencies: jQuery
JavaScriptMVC 是一个 JavaScript 的 MVC 框架,通过它可以简化项目的开发,支持流行的各种浏览器。

Batman.js
License: MIT
Github: Yes
Batman.js 是一个用 CoffeeScript 和 JavaScript 构建应用的 JavaScript 框架,包含视图绑定框架和观察者属性。

Soma.js
License : Mozilla Public License (MPL) Version 1.1
Github: Yes
soma.js 是一个 JavaScript 的 MVC 框架,旨在帮助开发者开发松偶尔的应用,提升可伸缩性和可维护性。提供 MooTools 版本。

补充库

AmplifyJS
License: MIT or GPLv2
GitHub: Yes
Dependencies: jQuery
AmplifyJS 是一套组件集合用于解决一般web应用开发的常见问题,其目的是简化所有表单数据处理,其存储组件可处理浏览器端的持久化存储,使用标准的 LocalStorage 和 SessionStorage。

Underscore
License: MIT
GitHub: Yes
Underscore.js 是一个实用的JavaScript工具库,提供了类似 Prototype 功能的编程支持,但没有对 JavaScript 内置的对象进行扩展。

Mustache.js
License: MIT
GitHub: Yes
基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用!

Handlebars.js
License: MIT
Github: Yes
Handlebars 是一个 JavaScript 的页面模板库

RequireJS
License: BSD and MIT
GitHub: Yes
RequireJS 是一个根据需要来加载 js 文件的 JavaScript 框架,可避免不必要的js文件加载,提升网页浏览速度。

Microjs
License: depends on micro-framework or micro-library
GitHub: Yes
Summary: A large collection of micro-frameworks each with a very limited and specific intent.

UKI
License: MIT
Github: Yes
Uki是一个Web UI开发JavaScript工具箱。用于开发类 似于桌面的Web应用程序。该工具箱的特点是快,它采用逐步展示的方式,所以能够快速展示30k+的列表和表格(正常情况下IE需要发费几分钟)。Uki 主要关注页面布局能够与任意JavaScript框架集成。

图形和动画

EaselJS
License: MIT
GitHub: Yes
EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库。

Paper.js
License: MIT
GitHub: Yes
Paper.js 是一个开源的向量图形脚本框架,基于 HTML5 Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。

Raphael
License: MIT
Github: Yes
Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。

移动 Web 框架

jQuery Mobile
License: MIT and GPLv2
GitHub: Yes
Dependencies: jQuery
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

Sencha Touch
License: GNU GPL license v3 and free Commercial licenses available
GitHub: No
Sencha Touch是专门为移动设备开发应用的Javascript框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。

Zepto
License: MIT
GitHub: Yes
Zepto.js 是支持移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。2-5k的库,通过不错的API处理绝大多数的基本工作。

The M Project
License: MIT & GPL
Github: Yes
Dependencies: jQuery, jQuery Mobile
The-M-Project 可能就是你正在等待的一个开源的手机的 HTML5 的 JavaScript 框架,通过它可编写 HTML5/CSS3/SVG 应用,并支持多数数据平台,包括 iOS, Android, Palm webOS, 和 Blackberry OS.

jQ.Mobi
License: MIT
Github: Yes
jQ.Mobi是jQuery的部分重写版本,但针对HTML5和移动设备做了优化。它的文件大小只有3KB,而jQuery则有35KB,并且据JSPerf test的数据,它在Android上要比jQuery快3倍,在iOS上快2.2倍。

Spine Mobile
License: MIT
Github: Yes
Dependencies: Spine
Spine Mobile 是 Spine 的移动版本。

gbone.js
License: MIT
Github: Yes
Dependencies: Backbone.js, Underscore.js, Zepto or jQuery
Gbone.js 是一个基于 Backbone.js 的移动 Web 框架。

jQTouch
License: MIT
Github: Yes
jQTouch 是一个 jQuery 的插件,主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。

Enyo
License: Apache v2
Github: Yes
Enyo 2.0 是一个为 webOS 应用程序设计的 JavaScript 框架

ChocolateChip UI (ChUI)
License: MIT
Github: Yes
ChocolateChip-UI 是一个手机移动 Web 开发框架,使用 HTML5, WAML, CSS 和 JavaScript,基于 ChocolateChip JavaScript 库,包含新的 ChUI.JS 和 ChUI.css.

xui.js
License: MIT
Github: Yes
有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,xui.js 刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。

Jo
License: MIT
Github: Yes
Jo这个框架可用于开发那支持HTML5的移动设备,如iOS,webOS, Android和Chrome OS等平台。

服务器端 JS

Node.js
License: MIT (included libraries vary)
GitHub: Yes
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。比较独特的是,Node.js会假设你是在POSIX环境下运行它Linux 或 Mac OS X。

Rhino
License: MPL 1.1/GPL 2.0 license
Github: Yes
Rhino是用纯Java写成的JavaScript的开放源代码实现。它最常被用于嵌入Java应用程序,以便为终端用户提供脚本的能力。

测试

Mocha
License: MIT
Github: Yes
mocha 是一个简单、灵活有趣的 JavaScript 测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试。

QUnit
License: MIT
Github: Yes
QUnitjQuery的单元测试框架.

Shim
License: unknown
Github: Yes
Dependencies: Node.js
html5-shims 是一个支持各种浏览器和设备的 JavaScript 测试框架。

JSDev
License: Not listed
Github: Yes
Summary: A filter that is useful for testing as it activates selected comments, making them executable.

PhantomJS
License: MIT
Github: Yes
Phantom JS是一个服务器端的 JavaScript API 的 WebKit。其支持各种Web标准: DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG

wru
License: MIT
Github: Yes
wru 是一个 JavaScript 的单元测试框架。

SinonJS
License: Simplified BSD
Github: Yes
SinonJS 是一个独立的 JavaScript 测试间谍,没有依赖任何单元测试框架工程。

Jasmine
License: MIT
Github: Yes
Jasmine 是一个简易的JS单元测试框架。

游戏

Impact
License: Paid commercial license
GitHub: No
Summary: Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

ThreeJS
License: MIT
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。

CreateJS
License: MIT
Github: Yes
CreateJS 是一个完整的 JavaScript 游戏和动画开发包,包括:EaselJs, TweenJS, SoundJS, PreloadJS and Zoe。

可编译成 JavaScript 的语言

CoffeeScript
License: MIT
GitHub: Yes
Dependencies: Node.js
CoffeeScript (GitHub repo) 是一个使用纯Ruby编写的新编程语言,创建者 Jeremy Ashkenas戏称它是- JavaScript的不那么铺张(买弄)的小兄弟。因为CoffeeScript会将Ruby编译成JavaScript,而且大部分结构都相似,但不 同的是,CoffeeScript拥有更严格的语法。

Google Dart
License: BSD
Github: No (Source available on Google Code)
Dart是一种基于类的可选类型化编程语言,设计用于创建Web应用程序。 Google称,Dart的设计目标是为Web编程创造结构化但又富有灵活性的语言;编程方法一目了然,符合程序员的自然习惯,易于学习;能在所有浏览器 和不同环境中实现高性能。

Brunch
License: MIT
GitHub: Yes
Dependencies: CoffeeScript, Backbone.js, Underscore.js, Stitch, Eco, Stylus & jQuery.
Brunch 是一个轻量级的、优雅和简单的方法构建 HTML5 应用程序的框架。

加载中
1
pauli
pauli
@ 红薯 大哥啊,这个新闻,你搞一个表格不是更直观吗?
0
RickyFeng
RickyFeng
不如介绍jQuery有什么好用的插件
0
dhcn
dhcn
这个页面怎么找不见向微博分享的按钮啊?
0
疯狂的流浪
疯狂的流浪
强烈支持吧
0
我是潮汐
我是潮汐
@红薯  为啥木有加载的框架?
0
无间道
无间道
给个下载地址啊
0
ayanmw
ayanmw
我顶一下 但是需要什么积分??干什么的?
0
xhong
xhong
不错,标记
返回顶部
顶部