前端学习资源

工作几年下来收集的相关前端学习资料，整理出来供喜爱前端的同学们一同成长！

资源： 

http://www.cnblogs.com/jikey/p/3613082.html 

前端入门教程 

http://pan.baidu.com/share/home?uk=4127504068&view=share
http://pan.baidu.com/share/home?uk=1413169451&view=share 

前端入门视频 

http://pan.baidu.com/share/home?uk=4127504068 

前端入门资料 

http://www.cnblogs.com/sb19871023/p/3894452.html 

前端知识体系 

 

一. API手册： 

1. API集合 

http://pan.baidu.com/s/1i3gREIh

百度网盘离线众多chm 

http://api.jq-school.com/ 

在线api大全 

http://s4tar.github.io/2015/01/20/zeal/
[软件推荐]-离线文档阅读器-zeal：类似Mac上的Dash
 

2. Ecmascript 5 

http://es5.github.io/ 

es5 en 

http://www.ibm.com/developerworks/cn/web/wa-ecma262/index.html 

http://yanhaijing.com/es5/ 

ECMA-262，第 5 版 

http://javascript.ruanyifeng.com/ 

http://es6.ruanyifeng.com/ 

ECMAScript 6入门 

 

3. 各开发中心 

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 

mozilla js参考 

https://developer.apple.com/library/safari/navigation 

safari开发中心 

http://developer.chrome.com/extensions/api_index.html 

chrome开发中心（chrome的内核已转向blink） 

http://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx 

microsoft js参考 

http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html 

http://bonsaiden.github.io/JavaScript-Garden/zh/ 

js秘密花园 

 

4. jQuery 

 http://learn.jquery.com/ 

学习jquery 

http://hemin.cn/jq/ 

Hemin在线版jquery 1.11.0手册，适合mac用户 

http://jquery.bootcss.com/ 

jquery 中文api 

http://www.css88.com/jqapi-1.9/on/ 

css88 jq api 

http://devdocs.io/ 

http://api.jq-school.com/ 

http://www.ecma-international.org/ecma-262/5.1/ 

http://css.doyoe.com/ 

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

jquery ui 1.10 

http://james.padolsey.com/jquery/

jquery 源码查找

 

5. js template 

https://github.com/aui/artTemplate 

artTemplate -> tmodjs 

https://github.com/aui/tmodjs/blob/master/README.md 

tomdjs 

http://juicer.name/docs/docs_zh_cn.html 

淘宝模板juicer模板 

http://koen301.github.io/fxtpl/ 

Fxtpl v1.0 繁星前端模板引擎 

http://sentsin.com/layui/laytpl/ 

laytpl 

 

6. 弹出 

https://github.com/aui/artDialog 

artDialog 最新版 

http://aui.github.io/artDialog/doc/index.html 

artDialog 文档

https://code.google.com/p/artdialog/downloads/list 

google code 下载地址 

 

7. 其它 

http://niceue.com/validator/demo/index.php 

验证api 

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

underscore 中文手册 

http://underscorejs.org/ 

underscrejs en api 

http://extjs-doc-cn.github.io/ext4api/ 

ext4api 

http://www.csser.com/tools/backbone/backbone.js.html 

backbone 中文手册 

http://seajs.org/ 

http://cyj.me/why-seajs/zh/ 

seajs 中文手册 

http://www.vipaq.com/rtfm/JavaScript/RequireJs/zh-cn/2.1.9/api.html 

requriejs 中文api 2.1.9 

http://makingmobile.org/docs/tools/requirejs-api-zh/ 

requriejs 中文api 2.1.6 

http://devdocs.io/ 

英文版各种API 

http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm 

qwrap手册 

http://easings.net/zh-cn 

缓动函数 

http://www.w3school.com.cn/svg/svg_reference.asp 

svg 中文参考 

https://developer.mozilla.org/en-US/docs/Web/SVG 

svg mdn参考 

http://isux.tencent.com/css3/tools.html 

腾讯css3动画制作工具 

 

8. nodejs 

https://github.com/mailzwj/node.js 

Node.js 资源汇总 - 无痕 

https://github.com/alsotang/node-lessons 

 教程 

 

9. 兼容性 
http://kangax.github.io/compat-table/es6/ 
esma 兼容列表 
http://caniuse.com/#index  
http://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85).aspx 
 http://csscreator.com/properties 

10. UI: 

http://v3.bootcss.com/ 

http://www.w3cplus.com/MetroUICSS/ 

http://semantic-ui.com/ 

http://alexwolfe.github.io/Buttons/ 

http://hiloki.github.io/kitecss/ 

http://www.pintuer.com/ 

http://amazeui.org/ 

http://www.worldhello.net/gotgithub/index.html 
http://igit.linuxtoy.org/contents.html 
http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/  

http://rogerdudler.github.io/git-guide/index.zh.html 
http://gitref.justjavac.com/ 
http://git-scm.com/book/zh 
http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/ 

 

11. less,sass

1. less

http://less.bootcss.com/

2. sass

http://www.w3cplus.com/sassguide/

http://www.cn-sass.com/

sass中国

 

12. http

http://segmentfault.com/bookmark/1230000002521721 

HTTP API 设计指南

 

二：移动端api 

http://demos.jquerymobile.com/1.4.3/ 

jquery mobile 

https://github.com/jtyjty99999/mobileTech 

99移动端知识集合 

https://github.com/RubyLouvre/mobileTech 

司徒正美移动知识集合 

https://github.com/AlloyTeam/Mars

移动端前端开发知识库 

http://www.html-5.cn/Manual/Zepto/ 
http://mweb.baidu.com/zeptoapi/ 
zepto 1.0 中文手册 

http://www.css88.com/doc/zeptojs_api/ 
zepto 1.1.2 
http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html 

zepto 中文注释 

http://app-framework-software.intel.com/api.php 

jqmobile 手册 

https://github.com/maxzhang/maxzhang.github.com/issues 

移动浏览器开发集合 

http://thx.github.io/mobile/debugging-in-mobile/ 

js移动调试 

https://github.com/hoosin/mobile-web-favorites 

移动开发大杂烩 

 

三：图表地图类： 

1. 图表 

http://www.hcharts.cn/api/index.php 

Highcharts 中文API 

http://api.highcharts.com/highcharts 

Highcharts 英文API 

http://echarts.baidu.com/  

ECharts 百度的图表软件 

 

2. 地图 

http://lbs.amap.com/api/ 

高德地图

四：在线工具

a. 在线编辑类的： 
http://www.jsbin.com 
http://w3cshare.com/jsbin-editor/ jsbin的用法 
优点：不需要登录，即发即预览 
缺点：速度不靠谱 
http://runjs.cn/ 
优点：国内访问速度快，可以上传图片(左下角) 
缺点：需要登录，用户名 
http://www.jsfiddle.net 
优点：功能强大，历史记录给力，缺点：访问速度慢 
b. 有图片的代码发群共享或申请免费的测试空间： 
http://sae.sina.com.cn/ 
优点：不需要手工发布，只需三级域名就可以访问，支持语言：php,python,java， 
缺点：需要身份证验证获取免费云豆 
版本控制工具：svn 
http://jae.jd.com/ 
优点：不需要身份验证，支持：java,php,nodejs,python,ruby 
缺点：需要在控制台手动发布才能在线上预览 
版本控制工具：git 
推荐使用intellij idea / phpstorm / webstorm来管理 svn/git 代码的提交与更新。
 

 五：国内各大公司UDE设计体验博客

http://www.aliued.cn/                阿里巴巴（中国站）用户体验设计部
http://ixdc.org/                              国际体验设计协会
http://udc.weibo.com/                微博UDE
http://ued.sina.com/                  新浪UDE
http://ue.baidu.com/                  百度UDE
http://fex.baidu.com/                  百度泛用户体验
http://uedc.163.com/                  网易UEDC
http://cdc.tencent.com/              腾讯CDC
http://isux.tencent.com/             腾讯ISUX
http://alipayifed.com/                 IFED蚂蚁金服
http://www.visualchina.com/    视觉中国
http://www.aliued.com/             阿里巴巴国际UDE