HTML5 全堆棧框架和工具包

全堆棧框架和工具包

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 應用程序的框架

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章