这里为你整理了20个前端常用的网站，果断收藏起来！

达佳

原文链接：
入门非视频类网站

• 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个网站大全。
感谢你的阅读，我们下一篇再见！

橙黄橘绿

[调皮]

奋斗中的男人

前排顶，很好！