前端框架、前端工具記錄（更新中....）

1、工具

前端工具庫：http://www.w3cfuns.com/tools.php

DCloud - HBuilder :http://www.dcloud.io

Webstorm：http://www.jetbrains.com/webstorm/

easyicon圖標：http://www.easyicon.net/

阿里巴巴矢量圖標庫：http://www.iconfont.cn/

2、框架

MUI-最接近原生APP體驗的高性能前端框架：

網址：http://dev.dcloud.net.cn/mui/

ZUI ( 一個基於Bootstrap深度定製開源前端實踐方案，幫助你快速構現代跨屏應用)：

官網：http://zui.sexy/

**H-ui 前端框架 （適合中國網站）： **

官網： http://www.h-ui.net/index.shtml

oschina：http://www.oschina.net/p/h-ui/similar_projects?lang=0&sort=time&p=1

amazeui （中國首個跨Html 5 前端框架）：

官網：http://amazeui.org/?_ver=2.x

Bootstrap （是最受歡迎的HTML、CSS和JS kaungjia , 用於開發響應時佈局，移動設備有限的WEB項目）：

官網：http://v3.bootcss.com/

angularJS:

中文官網：http://www.apjs.net/

ECMAScript 6：http://es6.ruanyifeng.com/

React：

官網：http://facebook.github.io/react/

中文入門實例：http://www.ruanyifeng.com/blog/2015/03/react.html

中文技術站：http://www.reactjs-china.com/

Webpack：

官網：http://webpack.github.io/

中文入門教程：http://www.javashuo.com/article/p-eniqxjuu-gb.html

中文入門指迷：http://www.tuicool.com/articles/yMnQvi

semantic ui：

官網：http://www.semantic-ui.cn/

meteor：

官網：https://www.meteor.com/

Foundation、Ember JS、Backbone

3、前端插件

artTemplate：

http://www.jq22.com/jquery-info1097

插件描述：高性能JavaScript模板引擎

SuperSlide:

http://www.superslide2.com/

網站上經常使用的「焦點圖/幻燈片」「Tab標籤切換」「圖片滾動」「無縫滾動」等只須要一個SuperSlide便可解決！還能夠多個SuperSlide組合創造更多效果哦~

Sweet Alert：

‍‍‍‍‍JS+CSS3動感彈窗：http://demo.jb51.net/js/2015/css3_dgtc/

layer彈窗：

官網：http://layer.layui.com/

JavaScript 文件拖拽上傳插件 dropzone.js ：

官網：http://www.dropzonejs.com/

微信平臺的前端框架

微信的WeUI

演示地址：WeUI

手Q的Frozen UI

演示地址：FrozenUI Demo

阿里的SUI Mobile

演示地址：SUI Mobile Demo

我的感受：

一、官方的WeUI組件不夠用

二、SUI Mobile是IOS風格的，放在Web上會有點奇怪（體驗不及原生，會形成心理落差）

三、Frozen UI的視覺溫馨度更高一點

2015 年開源前端框架盤點 TOP 20：

http://www.oschina.net/news/69788/2015-opensource-frontend-framework-top20?p=2