在上期的干货文章中，有同学在《前端vscode必装的效率插件》评论区留言，想要了解更多提高前端学习效率的网站。今天小渡就总结了7个前端学习的宝藏网站，为大家速度安排上！还等什么？这7个前端学习的宝藏网站，快快码起来！一、信息获取类网站01 GitHub Trending作为开源代码库以及版本控制系统，Github拥有超过900万开发者用户。随着越来越多的应用程序转移到了云上，Github已经成为了管理软件开发以及发现已有代码的首选方法。而作为全球最大的开源项目托管平台，目前该平台已经托管超800万个库，平均每天超过80000个版本库更新。资源丰富的同时，也意味着，想要在github中找到适合自己的开源项目犹如大海捞针。为使开发者可以很容易地找到一些有潜力的开源项目，github开发团队上线了Trending页面。你可以通过进入相应的技术类目，轻松找到最新、最热门的开源项目或时下最红的开发者。在TrendingRepositories（趋势库）页面中，在储存库标签下展示了前25个有潜力的开源项目。其中包括组织/库的名称、所使用的主要编程语言、库描述、Star按钮以及该项目贡献者前5名。图片源自网络，仅做配文展示而在TrendingDevelopers（趋势开发者）页面中，在开发者标签下展示了前25名有潜力的组织或开发者，此外还列出了他们所开发的最流行的库。图片源自网络，仅做配文展示你可以按照时间范围（天、周、月）和编程语言，对显示内容进行筛选。另外，使用谷歌浏览器登录GitHubTrending，还可以对项目页面进行一键式全文翻译噢。02 StackOverflow Trends（栈溢出）StackOverflowTrends是一个与程序相关的IT技术问答网站，你可以在网站中提问或浏览问题，也可以对相关内容进行索引，在创建主页的时候，使用简单的HTML即可。如果只用StackOverflowTrends搜索问题的话，那么是可以免费试用的。但如果你想收集有价值的信息并获得评级的话，需要进行注册并支付12.95美元，除此之外不会收取其他费用。注册完成后，你将可以在最短的时间内获得答案。StackOverflowTrends页面十分可爱，并且不会弹出任何广告、销售信息、JavaScript窗口等等，简直太清爽啦！目前，StackOverflow现在已经成为了全球IT界最受欢迎的技术问答网站之一。图片源自网络，仅做配文展示在搜索问题时，可以先输入你使用的编程语言，再定位你在做什么事情的过程中遇到了问题，如果有报错信息，务必把报错信息的关键信息输入进去。另外，记得要养成英文搜索的好习惯哦！03 HackerNews （黑客新闻）HackerNews是YCombinator旗下的一个新闻频道，属于digg类产品。没有多余的UI设计，也没有话题与标签，有的只是技术大神们新的技术热点话题和一些有趣的思考，比较像infoQ或者acm的queue。源自YCombinator的的HackerNews，一直吸引着源源不断的顶级创业者参与讨论。而HackerNews的价值也在于，没有所谓的标签和话题，是一个不被绑定的、自由的讨论社区，这也使得用户创造的内容质量，远远超出了其他创业者主题的网站，许多高质量的新闻也都链向了这个网站。任何一个好的hacker，都不仅仅会关注技术问题，还会关心世界的方方面面，这也是HackerNews的独特之处。与此同时，HackerNews也非常欢迎大家在网站上发表自己的见解，快去和大神们一起互动交流吧！图片源自网络，仅做配文展示04 CodeprojectCodeproject是外国的一个免费公开代码和程序的开源代码网站，页面类似于中国的百度知道，但更侧重于实际应用。在这个网站的所有用户都可以发布自己写过的代码、程序，包括详细的文档说明。当然，网站是全英文的，搜索相关内容也需要进行英文输入。图片源自网络，仅做配文展示二、工具类网站01 jQuery插件库jQuery插件库收集了各种jQuery插件，并且提供各种jQuery特效的详细使用方法、在线预览，jQuery插件下载及相关教程。网站导航栏设有UI、输入、媒体、导航、其他、网页模板、app模板、常用代码、在线代码等九个板块供大家选择。为了网站的持续发展，也为了能把jQuery插件库打造成一个让大家都能参与进来的一个平台，网站加入了积分的功能，对于网站内的部分资源采取加分下载的限制。图片源自网络，仅做配文展示02 优秀的音效资源网站：爱给网前端与UI密不可分。一个好的前端工程师，不一定要懂得设计，但也要收藏一些UI设计相关网站，为自己的前端设计提供灵感。而爱给网就是这样一个优秀的音效资源网站，强大的声音、游戏、影视、动画等资源，能够满足你对各种设计方案的不同想象。对于想要寻找稳定的音效资源网站的小伙伴来说，免费且音效资源丰富的爱给网，或许可以给到你更多惊喜。图片源自网络，仅做配文展示03 炫酷的在线前端开发工具：codepenCodePen是面向前端设计人员和开发人员的社交开发环境，你可以在codepen上通过建立和部署网站，来展示你的工作，建立测试用例来学习和调试代码，并且还可以在其中找寻灵感。思考一下，平时在简书，掘金，CSDN这平台分享代码时，只能用markdown拷贝上去。没有办法让别人直接体验代码的效果，除非发个截图或者gif的效果图。这个时候，codepen就发挥了它的作用——直接把自己的代码放到codepen上面跑，没有问题就把链接生成粘贴到自己分享的博客上面，这样就可以让别人体验自己写的代码，不用别人再花时间拷贝代码到自己本地开发工具跑一遍啦。图片源自网络，仅做配文展示04 Iconfont-阿里巴巴矢量图标库在小马哥的阿里巴巴体验团队倾力打造下，国内功能强大且图标内容丰富的矢量图标库诞生了，并成为前端人必备的素材库之一。图片源自网络，仅做配文展示通常情况下，你可以通过将想要的图标保存成SVG、AI、和PNG三种图片格式存至本地。当你需要下载多个小图标时，将选好的图标统一加入购物车，点击下载代码，就可以下载到本地啦！当然，在这之前，你需要注册并登陆图标库账号。除了可以下载到本地之外，你也可以进行在线使用。而且图标是作为字体插入，不仅可以改变颜色大小，而且在布局方面也非常方便。目前，图标库支持关键词模糊搜索功能，可以搜图标搜用户，实现中文英文拼音无缝互译。与此同时图标库也非常支持原创，尊重设计成果，对版权保护比较到位，在“用户”与“图标库”维度还可以支持打赏哦。阿里巴巴矢量图标库是完全免费的，还不知道的这个网站的小伙伴，赶紧码住！以上就是小渡今天为你准备的7个前端学习的宝藏网站啦，后续小渡还会持续更新更多实用的编程工具和编程技巧，点关注，不迷路！与此同时，你希望看到哪些内容，也可以通过在文章底部留言的方式告诉小渡，小渡会积极为你准备干货内容噢！你负责认真学习，小渡负责陪你到底！我们下期再见！
本文出自快速备案，转载时请注明出处及相应链接。