前端资源汇集

港控/mmm° 2022-06-17 12:17 165阅读 0赞

前言：此前在“掘金”上看到技术大牛们分享的技术贴，其中涵盖了很多本人所未接触过使用过的前端学习的资源。通过对里面几个自己比较感兴趣的资源网站进行学习之后发现真心不错，因此想与各位跟我一样想在前端上深入学习，努力想从菜鸟变大牛的前端工程师们分享几个学习网站。希望可以帮助到大家的同时也可以进监督自己学习！！  
1.综合类：  
前端知识体系 [http://www.cnblogs.com/sb19871023/p/3894452.html][http_www.cnblogs.com_sb19871023_p_3894452.html]  
前端知识结构 [https://github.com/JacksonTian/fks][https_github.com_JacksonTian_fks]  
Web前端开发大系概览 [https://github.com/unruledboy/WebFrontEndStack][https_github.com_unruledboy_WebFrontEndStack]  
Web前端开发大系概览-中文版 [http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html][http_www.cnblogs.com_unruledboy_p_WebFrontEndStack.html]  
免费的编程中文书籍索引 [https://github.com/justjavac/free-programming-books-zh\_CN][https_github.com_justjavac_free-programming-books-zh_CN]  
前端书籍 [https://github.com/dypsilon/frontend-dev-bookmarks][https_github.com_dypsilon_frontend-dev-bookmarks]  
前端免费书籍大全 [https://github.com/vhf/free-programming-books][https_github.com_vhf_free-programming-books]  
前端知识体系 [http://www.cnblogs.com/sb19871023/p/3894452.html][http_www.cnblogs.com_sb19871023_p_3894452.html]  
免费的编程中文书籍索引 [https://github.com/justjavac/free-programming-books-zh\_CN][https_github.com_justjavac_free-programming-books-zh_CN]  
前端开发笔记本 [https://li-xinyang.gitbooks.io/frontend-notebook/content][https_li-xinyang.gitbooks.io_frontend-notebook_content]  
大前端工具集 - 聂微东 [https://github.com/nieweidong/fetool][https_github.com_nieweidong_fetool]  
前端开发者手册 [https://dwqs.gitbooks.io/frontenddevhandbook/content][https_dwqs.gitbooks.io_frontenddevhandbook_content]  
2.入门类：  
前端入门教程 [http://www.cnblogs.com/jikey/p/3613082.html][http_www.cnblogs.com_jikey_p_3613082.html]  
瘳雪峰的Javascript教程 [http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000][http_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000]  
jQuery基础教程 [http://www.imooc.com/view/11][http_www.imooc.com_view_11]  
前端工程师必备的PS技能——切图篇 [http://www.imooc.com/view/506][http_www.imooc.com_view_506]  
结合个人经历总结的前端入门方法 [https://github.com/qiu-deqing/FE-learning][https_github.com_qiu-deqing_FE-learning]

3.综合效果搜索平台：  
zoommyapp.com [http://zoommyapp.com/][http_zoommyapp.com] 高质量图库  
unsplash.com [https://unsplash.com/][https_unsplash.com] 高质量图库  
www.pinterest.com [https://www.pinterest.com/][https_www.pinterest.com] 图库  
New Old Stock [http://nos.twnsnd.co][http_nos.twnsnd.co] 复古风图库  
效果网 [http://www.jq22.com][http_www.jq22.com]  
花瓣网 [http://huaban.com/][http_huaban.com]  
优美图 [http://www.topit.me/][http_www.topit.me]  
codepen [http://codepen.io/][http_codepen.io]  
17素材 [http://www.17sucai.com][http_www.17sucai.com]  
摄图网 [http://699pic.com/][http_699pic.com]  
常用的JavaScript代码片段 [http://microjs.com][http_microjs.com]

4.css  
CSS 语法参考 [http://tympanus.net/codrops/css\_reference][http_tympanus.net_codrops_css_reference]  
CSS3动画手册 [http://isux.tencent.com/css3/index.html][http_isux.tencent.com_css3_index.html]  
腾讯css3动画制作工具 [http://isux.tencent.com/css3/tools.html][http_isux.tencent.com_css3_tools.html]  
志爷css小工具集合 [http://linxz.github.io/tianyizone][http_linxz.github.io_tianyizone]  
css3 js 移动大杂烩 [http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb][http_www.note12.com_category_blog_2014-6-5_538fe0a9f786f1b7019a4dfb]  
bouncejs 触摸库 [http://bouncejs.com][http_bouncejs.com]  
css3 按钮动画 [http://fian.my.id/Waves][http_fian.my.id_Waves]  
animate.css [http://daneden.github.io/animate.css][http_daneden.github.io_animate.css]  
全局CSS的终结(狗带 \[译\] [http://www.alloyteam.com/2015/10/8536][http_www.alloyteam.com_2015_10_8536]  
browserhacks [http://browserhacks.com][http_browserhacks.com]

注：感谢掘金上技术大牛的资源分享。

[http_www.cnblogs.com_sb19871023_p_3894452.html]: http://www.cnblogs.com/sb19871023/p/3894452.html
[https_github.com_JacksonTian_fks]: https://github.com/JacksonTian/fks
[https_github.com_unruledboy_WebFrontEndStack]: https://github.com/unruledboy/WebFrontEndStack
[http_www.cnblogs.com_unruledboy_p_WebFrontEndStack.html]: http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
[https_github.com_justjavac_free-programming-books-zh_CN]: https://github.com/justjavac/free-programming-books-zh_CN
[https_github.com_dypsilon_frontend-dev-bookmarks]: https://github.com/dypsilon/frontend-dev-bookmarks
[https_github.com_vhf_free-programming-books]: https://github.com/vhf/free-programming-books
[https_li-xinyang.gitbooks.io_frontend-notebook_content]: https://li-xinyang.gitbooks.io/frontend-notebook/content
[https_github.com_nieweidong_fetool]: https://github.com/nieweidong/fetool
[https_dwqs.gitbooks.io_frontenddevhandbook_content]: https://dwqs.gitbooks.io/frontenddevhandbook/content
[http_www.cnblogs.com_jikey_p_3613082.html]: http://www.cnblogs.com/jikey/p/3613082.html
[http_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000]: http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
[http_www.imooc.com_view_11]: http://www.imooc.com/view/11
[http_www.imooc.com_view_506]: http://www.imooc.com/view/506
[https_github.com_qiu-deqing_FE-learning]: https://github.com/qiu-deqing/FE-learning
[http_zoommyapp.com]: http://zoommyapp.com/
[https_unsplash.com]: https://unsplash.com/
[https_www.pinterest.com]: https://www.pinterest.com/
[http_nos.twnsnd.co]: http://nos.twnsnd.co
[http_www.jq22.com]: http://www.jq22.com
[http_huaban.com]: http://huaban.com/
[http_www.topit.me]: http://www.topit.me/
[http_codepen.io]: http://codepen.io/
[http_www.17sucai.com]: http://www.17sucai.com
[http_699pic.com]: http://699pic.com/
[http_microjs.com]: http://microjs.com
[http_tympanus.net_codrops_css_reference]: http://tympanus.net/codrops/css_reference
[http_isux.tencent.com_css3_index.html]: http://isux.tencent.com/css3/index.html
[http_isux.tencent.com_css3_tools.html]: http://isux.tencent.com/css3/tools.html
[http_linxz.github.io_tianyizone]: http://linxz.github.io/tianyizone
[http_www.note12.com_category_blog_2014-6-5_538fe0a9f786f1b7019a4dfb]: http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb
[http_bouncejs.com]: http://bouncejs.com
[http_fian.my.id_Waves]: http://fian.my.id/Waves
[http_daneden.github.io_animate.css]: http://daneden.github.io/animate.css
[http_www.alloyteam.com_2015_10_8536]: http://www.alloyteam.com/2015/10/8536
[http_browserhacks.com]: http://browserhacks.com