一些重要的js框架：

RequireJS以一個相對于baseUrl的地址來加載所有的代碼。 頁面頂層標簽含有一個特殊的屬性data-main，require.js使用它來啟動腳本加載過程，而baseUrl一般設(shè)置到與該屬性相一致的目錄。

用途：模塊化動態(tài)加載。

backbone

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

描述：Backbone 為復(fù)雜Javascript應(yīng)用程序提供模型(models)、集合(collections)、視圖(views)的結(jié)構(gòu)。其中模型用于綁定鍵值數(shù)據(jù)和自定義事件；集合附有可枚舉函數(shù)的豐富API； 視圖可以聲明事件處理函數(shù)，并通過RESTful JSON接口連接到應(yīng)用程序。

Ionic

地址：http://www.ionic.wang/js_doc-index.html

描述：Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產(chǎn)生神奇的效果，盡管通常組件不需要編碼，通過框架擴展可以很容易地使用，比如我們的AngularIonic擴展。

Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然后視圖控制器“驅(qū)動”內(nèi)部視圖來提供交互和UI功能。一個很好的例子就是標簽欄（Tab Bar）視圖控制器處理點擊標簽欄在一系列可視化面板間切換。

瀏覽我們的API文檔來了解視圖控制器和Ionic中可用的Javascript實用工具。

Ionic 是目前最有潛力的一款 HTML5 手機應(yīng)用開發(fā)框架。通過 SASS 構(gòu)建應(yīng)用程序，它 提供了很多 UI 組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為 Web 和移動開發(fā)者的共同選擇。

Meteor

地址：https://www.meteor.com/

描述：一個全新的web應(yīng)用開發(fā)方式，它模糊了前端和后端的邊界。它允許你書寫實施的應(yīng)用，并且有迅速成長的社區(qū)來提供各種包模塊。Hood.ie 是一個小得競爭者，但是提供新穎的方式。它能為你處理后臺，所以你可以集中精力來做你應(yīng)用的前臺。

Mithril

地址：https://mithril.js.org/

描述：Mithril.js與React.js頗為相似。Mithril為大家提供分層式MVC組件以及配合一套智能化DOM差異檢查機制的默認安全模板，可實現(xiàn)與React類似的高性能渲染效果。另外，可定制數(shù)據(jù)綁定與URL路由亦是Mithril.js的兩大獨特比較優(yōu)勢。

Polymer

地址：https://www.journals.elsevier.com/polymer/

描述：Polymer是另一款由谷歌打造的Java框架。雖然Polymer在使用體驗方面仍然無法與React.js相媲美，但其近期仍然推出了一系列值得關(guān)注的更新。Material風格設(shè)計組件的加入令Polymer擁有更出色的開發(fā)效果。

ext

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

描述：ext是一套整站方案，包括頁面樣式風格定義、頁面產(chǎn)生方式、代碼風格(json)等等都是很獨特的，只要js代碼可以執(zhí)行，我們完全可以不需要寫出一句html或者css樣式代碼就完成一個優(yōu)美的網(wǎng)站設(shè)計。

mootools

地址：http://www.chinamootools.com/

描述：MooTools是一個簡潔,模塊化,面向?qū)ο蟮腏avaScript框架。

CSS預(yù)處理器

less

地址：http://lesscss.cn/

描述：

Less 是一門 CSS 預(yù)處理語言，它擴展了 CSS 語言，增加了變量、Mixin、函數(shù)等特性，使 CSS 更易維護和擴展。

Less 可以運行在 Node 或瀏覽器端。

sass（scss）

地址：https://www.sass.hk/

描述：世界上最成熟、最穩(wěn)定、最強大的專業(yè)級CSS擴展語言！

stylus

地址：http://www.stylus.com/

描述：Stylus 是一個CSS的預(yù)處理框架，2010年產(chǎn)生，來自Node.js社區(qū)，主要用來給Node項目進行CSS預(yù)處理支持，所以 Stylus 是一種新型語言，可以創(chuàng)建健壯的、動態(tài)的、富有表現(xiàn)力的CSS。比較年輕，其本質(zhì)上做的事情與 SASS/LESS 等類似，應(yīng)該是有很多借鑒，所以近似腳本的方式去寫CSS代碼。

jQuery衍生

jQuery.mobile.js

地址：http://jquerymobile.com/download/

描述：jQuery Mobile 是創(chuàng)建移動 web 應(yīng)用程序的框架，適用于所有流行的智能手機和平板電腦，?使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。

jQueryUi

地址：https://jqueryui.com/

描述：jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創(chuàng)建高度交互的 Web 應(yīng)用程序還是僅僅向窗體控件添加一個日期選擇器，jQuery UI 都是一個完美的選擇。

jQuery UI 包含了許多維持狀態(tài)的小部件（Widget），因此，它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您學(xué)會使用其中一個，您就知道如何使用其他的小部件（Widget）。

插件類

respond.js

地址：https://github.com/scottjehl/Respond/

描述：Respond.js 是一個快速、輕量的 polyfill，用于為 IE6-8 以及其它不支持 CSS3 Media Queries 的瀏覽器提供媒體查詢的 min-width 和 max-width 特性，實現(xiàn)響應(yīng)式網(wǎng)頁設(shè)計（Responsive Web Design）。

validate.js

地址：https://jqueryvalidation.org/

描述：jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應(yīng)用程序各種需求。該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API。

lazyload.js

地址：http://plugins.jquery.com/lazyload/

描述：lazyload.js用于長頁面圖片的延遲加載，視口外的圖片會在窗口滾動到它的位置時再進行加載，這是與預(yù)加載相反的。

Echarts

地址：http://echarts.baidu.com/

描述：ECharts開源來自百度商業(yè)前端數(shù)據(jù)可視化團隊，基于html5 Canvas，是一個純Javascript圖表庫，提供直觀，生動，可交互，可個性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計算、數(shù)據(jù)視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數(shù)據(jù)進行挖掘、整合的能力。—— 大數(shù)據(jù)時代，重新定義數(shù)據(jù)圖表的時候到了

UI框架類

Pure

地址：http://purecss.org/layouts/

描述：Pure精心設(shè)計，只為可以在任何Web項目中使用。為了例證這一點，我們制作了如下幾個模板。這些模板都是響應(yīng)式的，并且沒有使用任何JavaScript。

用途：真的是很精美的一個樣式框架，便于我們快事構(gòu)建一些個人產(chǎn)品，當然也可以服務(wù)于工作中的一些項目。

easyUI

地址：http://www.jeasyui.net/(中文網(wǎng))

描述：easyui是一種基于jQuery的用戶界面插件集合。

easyui為創(chuàng)建現(xiàn)代化，互動，JavaScript應(yīng)用程序，提供必要的功能。

使用easyui你不需要寫很多代碼，你只需要通過編寫一些簡單HTML標記，就可以定義用戶界面。

easyui是個完美支持HTML5網(wǎng)頁的完整框架。

easyui節(jié)省您網(wǎng)頁開發(fā)的時間和規(guī)模。

easyui很簡單但功能強大的。

amazeUI

地址：http://amazeui.org/

layui

地址：http://www.layui.com/

uikit

地址：http://www.getuikit.net/

H-ui

地址：http://www.h-ui.net/

Ant Design

地址：http://ant.design/

描述：一個 UI 設(shè)計語言，一套提煉和應(yīng)用于企業(yè)級后臺產(chǎn)品的交互語言和視覺體系

前端構(gòu)建工具

gulp

地址：http://www.gulpjs.com.cn/

描述：易于使用

通過代碼優(yōu)于配置的策略，Gulp 讓簡單的任務(wù)簡單，復(fù)雜的任務(wù)可管理。

構(gòu)建快速

利用 Node.js 流的威力，你可以快速構(gòu)建項目并減少頻繁的 IO 操作。

插件高質(zhì)

Gulp 嚴格的插件指南確保插件如你期望的那樣簡潔高質(zhì)得工作。

易于學(xué)習

通過最少的 API，掌握 Gulp 毫不費力，構(gòu)建工作盡在掌握：如同一系列流管道。

webpack

地址：http://webpack.github.io/

描述：Webpack 是一個前端資源加載/打包工具。它將根據(jù)模塊的依賴關(guān)系進行靜態(tài)分析，然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源。

更多資源請注意另一篇博客：