时间：2023-04-19 15:04:13 点击次数：19
原文链接：
这里为你整理了20个前端常用的网站，果断收藏起来！mp.weixin.qq.com/s?__biz=MzA4MjMwOTk1OA==&tempkey=MTA2OF8ycnN2SE9VWTNHQ3ZqWmFkVno0RUsyTFZMal94LU9QQkdyY0FIV2tkbTg0R2lHTDJEX1dQbnRWQlFQT1FYaUJmcVIzTXhydlhUUFRNSGtMZXlFamhxNHV1Z1N3dmhWcjRUV0hjT1p6MFJicTVsaUhEQ2ZoMUg2bU9iRFJtTk96bnJpSnNmbjMyZ09qVDl0eDd5MHhEYVBvQ1J0Y1Q0MVI4c3hhQ1ZRfn4%3D&chksm=1f86ee0b28f1671d0af61228ef0d01344c73fbf37cdb004bfb5754f3b113473ba27fb5228e6f&__mpa_temp_link_flag=1&token=1629974565#rd
入门非视频类网站
w3school(https://www.w3school.com.cn)老牌经典入门网站，上面有各种各样的经典入门教程。不仅仅是前端，你可以学习到PHP、SQL、C、C#等语言知识。不过与其说是教程网站，w3school更像是一个手册大全网站，当你遇到不懂的api时候，随时可以在上面翻阅得到。
2. 菜鸟教程(https://www.runoob.com)
类似w3school，也是经典入门网站。它上面的排版让人有很舒服的感觉有木有~
入门视频类网站
3.慕课网(https://www.imooc.com/)
如果你是喜欢看视频来学习的话，慕课网是最好的选择，上面不乏各种各样的优质视频。但是可能有一些优质视频是收费的，对学生党来说有些不友好。
4. 极客学院(https://www.jikexueyuan.com)
同样是提供很多优质视频教程的网站，无论是新手还是老手都可以在上面找到适合自己的课程，只是同样有部分视频需要收费。
个人博客类网站
5. 阮一峰个人网站(http://www.ruanyifeng.com)
首推阮一峰大佬的博客网站，无论是flex布局、sass还是es6入门等等都有详细的教学文章，而且讲解都很简单易懂，适合新手和刚入门不久的同学。
6. 廖雪峰(https://www.liaoxuefeng.com)
另一位大佬就是廖雪峰大佬，网站上的《JavaScript教程》和《Git教程》写得非常的详细，前端同学可以去学习学习。
其他博客类网站
7. CSDN(https://www.csdn.net/)
8. 博客园(https://www.cnblogs.com/)
9.segmentfault(https://segmentfault.com/)
这里提一下segmentfault（思否）网站，可能很多人没留意到这个网站，但是实际上很多时候你在百度或者谷歌查找问题的时候，第一个推荐结果很有可能就是思否网站上的，上面有很多优质的问题和解答。
10. stackoverflow(https://stackoverflow.com)
国外优质技术社区，不用担心自己英文不好，因为很有可能他们已经为你贴好了代码~
工具类网站
11. 在线工具(https://tool.lu/)
不多说，直接上图。
12. CodeSandBox(https://codesandbox.io)
在线ide，主流框架React、Vue等等都可以开箱即用，而且可以选择自己想要的版本。
13. Tinypng(https://tinypng.com/)
一个轻量的在线图片压缩网站，强烈推荐。
14. HTML5UP(https://html5up.net/)
一个提供大量html5模板的网站，用户还可以上传自己的模板。
资源类网站
15. 阿里巴巴矢量图标库(https://www.iconfont.cn)
阿里出品，必属精品。里面提供了大量的矢量icon，种类丰富，可以很方便找到自己想要的图标。
16. Font Awesome(https://fontawesome.com
)
也是业界知名的图标网站。
17. jQuery插件库(http://www.jq22.com/)
提供基于jQuery的各种功能强大的插件。
18. 千库网(https://588ku.com/)
这是一个免费的图片素材网站，这更加适合ui设计人士收藏起来，以后可以在上面方便找到自己想要的设计。
19. pixabay(https://pixabay.com/)
这是一个提供无版权图片的网站，不过唯一要注意的是需要注册才能下载高清图片。
必备类网站
20. github(https://github.com/)
最后，我打算来讲一下github。
这里单独把github当作一类网站，是因为实在是找不到合适的分类给它。
你可以在上面找到各种各样的入门教程，找到很多的资源，找到各种各样有创意的项目；React、Vue等官方开源项目都在上面，你可以查看各种项目工具的issue，说不定你遇到的问题作者早就在上面给出了成熟的解决方案；甚至你可以只是在github记录自己的个人博客。
总而言之，这是一个神奇的网站。只要你作为一名程序员，总有一天你会需要在上面摸爬滚打的~
这是它朴素至简的登陆界面，甚至你登陆进去之后也是什么都没有。但是随着你慢慢摸索，你会越来越发现这个网站的厉害之处。
好了，以上就是今天给大家整理分享的20个网站大全。
感谢你的阅读，我们下一篇再见！
