vue论坛网站的文章自动排版_这里为你整理了20个前端常用的网站,果断收藏起来!...

6fb4652d6e0819cc4881c486f46bba96.gif

点击前端充电营,关注我们

88161ad0ad23177b65bc8caf8b089afc.gif

入门非视频类网站

  1. w3school(https://www.w3school.com.cn)

    老牌经典入门网站,上面有各种各样的经典入门教程。不仅仅是前端,你可以学习到PHP、SQL、C、C#等语言知识。不过与其说是教程网站,w3school更像是一个手册大全网站,当你遇到不懂的api时候,随时可以在上面翻阅得到。

    2. 菜鸟教程(https://www.runoob.com)

    类似w3school,也是经典入门网站。它上面的排版让人有很舒服的感觉有木有~

d775aa82853f61407b4997bfbc29341c.png

入门视频类网站

    3.慕课网(https://www.imooc.com/)

    如果你是喜欢看视频来学习的话,慕课网是最好的选择,上面不乏各种各样的优质视频。但是可能有一些优质视频是收费的,对学生党来说有些不友好。

d951cc903a1915f20d27e1337709b775.png

   4. 极客学院(https://www.jikexueyuan.com)

    同样是提供很多优质视频教程的网站,无论是新手还是老手都可以在上面找到适合自己的课程,只是同样有部分视频需要收费。

ed4e34a2c901f6d21f537e151fb45aab.png

个人博客类网站

   5. 阮一峰个人网站(http://www.ruanyifeng.com)

     首推阮一峰大佬的博客网站,无论是flex布局、sass还是es6入门等等都有详细的教学文章,而且讲解都很简单易懂,适合新手和刚入门不久的同学。

7e9908d1c114c8ad042520ea4b7d2761.png

    6. 廖雪峰(https://www.liaoxuefeng.com)

    另一位大佬就是廖雪峰大佬,网站上的《JavaScript教程》和《Git教程》写得非常的详细,前端同学可以去学习学习。

a436df5380f04609ae2d5e23d798ae52.png

其他博客类网站

    7. CSDN(https://www.csdn.net/)

    8. 博客园(https://www.cnblogs.com/)

    9.segmentfault(https://segmentfault.com/)

    这里提一下segmentfault(思否)网站,可能很多人没留意到这个网站,但是实际上很多时候你在百度或者谷歌查找问题的时候,第一个推荐结果很有可能就是思否网站上的,上面有很多优质的问题和解答。

482380fc48b4590c40deffc505b8def0.png

 10. stackoverflow(https://stackoverflow.com)

    国外优质技术社区,不用担心自己英文不好,因为很有可能他们已经为你贴好了代码~

060d60c254a352494f4b918256a72100.png

工具类网站

    11. 在线工具(https://tool.lu/)

    不多说,直接上图。

fcb31529f7a1707a6a88cad6c39196e1.png

   12. CodeSandBox(https://codesandbox.io)

    在线ide,主流框架React、Vue等等都可以开箱即用,而且可以选择自己想要的版本。

eb84a129248c62b988944f32db7378cf.png

    13. Tinypng(https://tinypng.com/)

    一个轻量的在线图片压缩网站,强烈推荐。

47c864fc0981021c0136469ef859ddab.png

    14. HTML5UP(https://html5up.net/)

    一个提供大量html5模板的网站,用户还可以上传自己的模板。

d4363a7c39bcdf7e2434c7897784c97e.png

资源类网站

    15. 阿里巴巴矢量图标库(https://www.iconfont.cn)

    阿里出品,必属精品。里面提供了大量的矢量icon,种类丰富,可以很方便找到自己想要的图标。

5d724d0f42e1b0d93c450674060f963c.png

    16. Font Awesome(https://fontawesome.com)

    也是业界知名的图标网站。

a0a489534724994758b7edf9fe8d6aa7.png

    17. jQuery插件库(http://www.jq22.com/)

    提供基于jQuery的各种功能强大的插件。

aef60c78242d61a33a2b397d711cc51c.png

    18. 千库网(https://588ku.com/)

    这是一个免费的图片素材网站,这更加适合ui设计人士收藏起来,以后可以在上面方便找到自己想要的设计。

93693426b241ed0cd0b469896498951f.png

    19. pixabay(https://pixabay.com/)

       这是一个提供无版权图片的网站,不过唯一要注意的是需要注册才能下载高清图片。

aafdb3fefdab313ba47063fad4dc894c.png

必备类网站

    20. github(https://github.com/)

    最后,我打算来讲一下github。

    这里单独把github当作一类网站,是因为实在是找不到合适的分类给它。

    你可以在上面找到各种各样的入门教程,找到很多的资源,找到各种各样有创意的项目;React、Vue等官方开源项目都在上面,你可以查看各种项目工具的issue,说不定你遇到的问题作者早就在上面给出了成熟的解决方案;甚至你可以只是在github记录自己的个人博客。

    总而言之,这是一个神奇的网站。只要你作为一名程序员,总有一天你会需要在上面摸爬滚打的~

74d32b29ebef7fa2bae5880e737ab9fa.png

这是它朴素至简的登陆界面,甚至你登陆进去之后也是什么都没有。但是随着你慢慢摸索,你会越来越发现这个网站的厉害之处。

好了,以上就是今天给大家整理分享的20个网站大全。

感谢你的阅读,我们下一篇再见!

827ad79f05760526dc1f19a52b96e370.png

85731e935057cc117871ef00e4eb90da.png

关注【前端充电营】

回复【电子书】

获取100+

技术书籍!

往期推荐

webpack学习教程(三):资源处理&devtool

css的background属性到底有哪些用法?这篇文章帮你全部总结了!

都0202年了,你还不知道javascript有几种继承方式?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值