工作幾年下來收集的相關前端學習資料，整理出來供喜愛前端的同學們一同成長！

資源：?

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

總結

以上是生活随笔為你收集整理的前端学习资源的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。