一、工具
前端工具库: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/
二、框架
MUI-最接近原生APP体验的高性能前端框架:
网址:http://dev.dcloud.net.cn/mui/
ZUI ( 一个基于Bootstrap深度定制开源前端实践方案,帮助你快速构现代跨屏应用):
**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项目):
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:
中文入门教程:https://segmentfault.com/a/1190000002767365
中文入门指迷:http://www.tuicool.com/articles/yMnQvi
semantic ui:
meteor:
Foundation、Ember JS、Backbone
三、前端插件
artTemplate:
http://www.jq22.com/jquery-info1097
插件描述:高性能JavaScript模板引擎
SuperSlide:
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果哦~
Sweet Alert:
JS+CSS3动感弹窗:http://demo.jb51.net/js/2015/css3_dgtc/
layer弹窗:
JavaScript 文件拖拽上传插件 dropzone.js :
微信平台的前端框架
微信的WeUI
演示地址:WeUI
手Q的Frozen UI
演示地址:FrozenUI Demo
阿里的SUI Mobile
演示地址:SUI Mobile Demo
个人感觉:
1、官方的WeUI组件不够用
2、SUI Mobile是IOS风格的,放在Web上会有点奇怪(体验不及原生,会造成心理落差)
3、Frozen UI的视觉舒适度更高一点
2015 年开源前端框架盘点 TOP 20:
http://www.oschina.net/news/69788/2015-opensource-frontend-framework-top20?p=2
来源:oschina
链接:https://my.oschina.net/u/2358326/blog/631430