站點列表：前端框架、前端庫、前端插件

http://www.bootcdn.cn/ 　　CDN服務

http://www.bootcss.com/ 　　Bootstrap相關優質項目推薦 

http://www.alidns.com/ 　　阿里DNS： 223.5.5.5　　223.6.6.6

---

 

jqueryUI

http://www.w3cschool.cc/jqueryui/ 　　jquery UI 教程

 

AngularJS

http://www.apjs.net/ 　　AngularJS 教程

http://developer.51cto.com/art/201311/416334.htm 　　AngularJS 七步走  

關於 angular backbone emberJS underscoreJS的學習，

參考1：http://developer.51cto.com/art/201506/478774.htm 　　2015-6-8

參考2：http://www.zhihu.com/question/19720745

 

iScroll 5 　　iScroll是一個高性能，資源佔用少，無依賴，多平臺的javascript滾動插件。

http://cubiq.org/iscroll-5 　　iScroll 　　針對移動web滾動控件

http://www.360doc.com/content/14/0724/11/16276861_396699901.shtml 　　iScroll 4.2.5 中文API

http://www.cnblogs.com/sunshq/p/4119055.html 　　iScroll5 API速查隨記

 

ReactJS

http://reactjs.cn/ 　　react

http://www.ruanyifeng.com/blog/2015/03/react.html 　　阮一峯 React 入門實例教程　　2015-12-2

http://www.cnblogs.com/Leo_wl/p/4489197.html

http://www.reactjs-china.com/　　react中文技術站　　2016-1-29

http://www.w2bc.com/Article/50764　　一小時包教會 —— webpack 入門指南　　2016-3-19　　

http://www.zhihu.com/question/34460535

 

其餘：

http://www.gruntjs.net/ 　　Grunt　　構建工具　　（http://bbs.csdn.net/topics/391057484 一篇帖子　　2015-12-2）

http://fis.baidu.com/fis3/index.html　　baidu的前端工程構建工具　　2015-12-2

http://github.com/jrburke/requirejs 　　require.js

http://d3js.org/ 　　D3　　　　　　　　http://www.ourd3js.com/wordpress/　　一個D3博客　　2015-12-1

http://fis.baidu.com/fis3/docs/beginning/intro.html　　css打包　　2015-12-28

http://amazeui.org　　　　　　　Amaze ~ 妹子 UI　　中國首個開源 HTML5 跨屏前端框架　　2016-2-16

http://amazeui.org/react/　　　　Amaze UI React 基於 React.js 開發的 Web 組件庫　　2016-2-16

http://vuejs.org.cn/　　　　　　VUE.js 　　數據驅動的組件，爲現代化的 Web 界面而生　　2016-3-31　　http://vuejs.org.cn/guide/　　API

http://piqnt.com/stage.js/　　　http://www.bootcdn.cn/stage.js/　　　Stage.js（可能又叫Cut.js）是一個2D HTML5 JavaScript library 跨平臺的遊戲開發，它是輕量級的，快速的和開源。（我想用它寫計算材料的計算器）　　2016-4-15

https://github.com/shakiba/stage.js/wiki/中文手冊 　　stage.js　　API

 

http://www.infoq.com/cn/minibooks/ES6-in-Depth　　深刻淺出ES6（有時間要讀）　　2016-4-18

http://www.auicss.com　　http://www.auicss.com/?m=Home&c=Document 　　一個移動前端框架（和bootstrap很像）  2016-03-30 | AUI v1.2.0 發佈

http://m.sui.taobao.org/components/　　　　淘寶的輕量，小巧且精美的UI庫（移動端，仿IOS）　　2016-5-11

http://www.ionic.wang/ 　　Ionic(ionicframework)一款接近原生的Html5移動App開發框架（Ionic 是如今GitHub上的最火的開源項目之一，具備超過16,000星）　　2016-5-11

http://frozenui.github.io/　　騰訊的一個移動端框架（hongran推薦的，說分了模塊）　　2016-5-19

http://g2.alipay.com/tutorial/index.html　　G2(The Grammar Of Graphics) 是一個由純 javascript 編寫、強大的語義化圖表生成工具，它提供了一整套圖形語法，可讓用戶經過簡單的語法搭建出無數種圖表，而且集成了大量的統計工具，支持多種座標系繪製，可讓用戶自由地定製圖表，是爲大數據時代而準備的強大的可視化工具。　　2016-5-31

 

 

---

幾個教程

http://www.css88.com/jqapi-1.9/ 　　jquery1.9 API

http://www.css88.com/doc/backbone/ 　　Backbone API

http://www.css88.com/jquery-ui-api/ 　　jquery UI API

http://www.css88.com/doc/backbone/ 　　backbone

http://www.css88.com/tool/hack/ 　　瀏覽器HACKS

http://docs.apicloud.com/ 　　API Cloud　　2015-7-8

http://www.openlayers.cn　　OpenLayers 是一個專爲Web GIS 客戶端開發提供的JavaScript 類庫包

　　　　　　　　　　　　　　　http://www.openlayers.cn/portal.php?mod=view&aid=19 　　示例

http://www.html5canvastutorials.com/kineticjs/ 　　KineticJS　　html5 canvas的插件kineticjs

http://processingjs.org/ 　　processingjs 

 

http://www.jq22.com/ 　　jQuery插件庫

http://echarts.baidu.com/ 　　開源、數據可視化產品 ，baidu產品

http://mp.weixin.qq.com/wiki/home/ 　　微信公衆平臺開發者文檔

 

 

擴展閱讀

http://blog.csdn.net/zhengguangyi130/article/details/8507225 　　Web工程師必備的43款可視化工具

http://www.boyunjian.com/ 　　撥雲劍 一個找框架的網站

http://blog.csdn.net/lw61186938/article/details/12165131 　　主流HTML5遊戲框架的分析和對比

Processing.js　　jquery之父寫的　　2015-5-30　　http://www.cnblogs.com/shouce/archive/2016/05/30/5541082.html　　一個時鐘代碼

 

 

 

臨時記錄（HTML5遊戲 相關插件）：

CreateJS(EaselJS)
CreateJS是Adobe官方贊助的開源開發框架，它大部分API都是基於Flash原有的API來模仿實現的，而且官方提供了直接把Flash動畫轉成JS數據包的工具，調用起來很方便。CreateJS提供了若干開發套件及工具，分別是：EaselJS（負責圖形、事件、觸控、濾鏡等功能）、TweenJS（補間動畫）、SoundJS（音頻控制）、PreloadJS（文件加載）和Zoë（生成圖片精靈及動畫數據）。
優勢：
1. Flash開發者很容易上手
2. 提供了Flash轉html5的工具，能夠將部分Flash代碼進行轉換再修改
3. 基於MIT協議的開源框架
4. 類庫設計很是獨立，包含不一樣的模塊，可選擇性使用

three.js
Three.js是一個輕量級的JavaScript庫，用於在瀏覽器上建立和顯示3D圖形。它能夠同時使用Canvas、SVG或WebGL進行繪製。
優勢和缺點：
支持3D，可是不適合作2D遊戲

Turbulenz
Turbulenz是一個開源的HTML5遊戲引擎，提供了能夠運行在Windows、MacOS、Linux上的SDK，容許開發人員建立高質量和硬件加速的2D、3D遊戲。包括如下功能：異步資源加載、進行特效和粒子渲染、支持物理效果、碰撞檢測以及動畫、3D音效支持、支持網絡交互以及社交網絡分享、場景和資源的管理。
優勢：
1. 功能強大，同時支持2D和3D
2. 基於MIT協議的開源引擎

Cocos2d-html5Cocos2d-html5是一款基於Cocos2d-x API的2D開源免費HTML5遊戲引擎。它目前經過canvas進行渲染，未來會支持WebGL。它由國內Cocos2d-x核心團隊主導開發和維護，行業領袖、HTML5大力推進者Google爲這個項目提供支持。同時，Zynga、Google等大公司的工程師也參與到它的設計工做中。優勢：1. 與Cocos2d的API相似，容易上手2. 中文文檔齊全，資料豐富3. 基於MIT協議的開源引擎