2022年，前端er们都在看哪些网站？(含面试、接活、学习、摸鱼等)

关注公众号 前端开发博客，领27本电子书

回复加群，自助秒进前端群

众所周知，前端内卷严重， 没办法，很多前端人真的就是被迫 day day up ()，好在呢，互联网时代，知识满天飞， 想学还是很容易的， 秉着分享精神，我就把我收藏夹的的内容，整理整理分享给大家（这里不仅包含学习的）

主要从以下几个方面来分享， 各位看官，挑需要的看~

作为一篇正经的文章，我们先说学习的~

学习类

适用于：天天向上

先说一下视频类学习网站，不知道有没有人和我一样，有的知识点就是要看别人讲一遍才能记住，看完文档就忘~

首先祭出最爱逛的B站、

B站

网站地址：https://www.bilibili.com/

很多人提到B站，首先想到的就会是二次元或者鬼畜。然而，实际上B站是个非常神奇的网站，里面的内容可谓是包罗万象(主要它没广告能倍速啊)，B站也逐渐地成为了一个用来学习的神器。正所谓“你在B站看番，我却在B站学习， 不卷你卷谁”

慕课网

网站地址：https://www.imooc.com/

慕课网就是专门针对程序员的了，里面有很多大佬讲的课， 而且一般新技术也很容易找到一些视频课程， 就是大部分内容是要付费的。如果实在拮据， 还是有其他方法也能学慕课网的课程（该付费还是付费， 有老师帮忙解答问题还是很不错的）

image.png

视频有这两也差不多够了，就分享这两，多的也不一定有时间看~

分享一些文字性的学习内容

掘金

网站地址：https://juejin.cn/

掘金上技术文章很多，现在国内优质的开发者交流学习社区，可以去看大佬们写的文章；也可以分享自己的心得，与更多开发者交流学习。

用掘金的浏览器插件看文章也不错，挺喜欢这种阅读模式

github

网站地址：https://github.com/

GitHub是通过Git进行版本控制的软件源代码托管服务平台。

简单来说，有以下几种功能：代码托管、学习优秀的开源项目、多人协作、搭建博客、社交、个人简历、写作等。并且呢，上面有很多优秀的程序员，你可以在这里交到很多好朋友喔。

image.png

GitHub几乎是所有程序员必备的网站了，不管你从事或者研究的是哪种方向，运用的是哪种语言，GitHub都能给你美好的学习感受。

DevDocs

网址：https://devdocs.io/

还有就是各个框架、库的技术文档，如果你嫌收藏这些官网麻烦(我也嫌麻烦)，给你一个适合懒人的网站DevDocs。

这个网页应用汇聚了各种项目的文档， 常用的：

• vue

• react

• angular

• node

• nest.js

• koa

• egg

• nuxt.js 统统都有，除了这些还有很多~

而且可以离线使用。

另外还有一些像知乎、CSDN也可以逛逛，内容质量个人觉得还可以。

面试类

LeetCode

网站地址：https://leetcode-cn.com/

算法学习网站，这个应该都不陌生， 面试前算法总是要刷刷的(特别是某些大厂)

LintCode 收集了面试最常见、最高频的编程题目，非常适合求职者：

• LintCode有中文，能节省不少时间，更加人性化。

• 有模拟面试专栏，精选 Facebook, Amazon, Google, Linkedin 等IT企业的面试题。

• 有编程比赛，可以看到算法大佬的coding，能学到不少。上面放的是LeetCode中文站点， 如果英文不好，刷这个就可以了， 英文不错的小伙伴还是推荐刷国际版。

牛客网

网站地址：https://www.nowcoder.com

牛客网可以看看一些面经,Javascript编程题，有精力也是可以刷刷， 毕竟还是有不少面试官出题笔试题前会去逛逛。

image.png

发现出了一个AI模拟面试，因为自己也没用过，体验感不好说，感兴趣可以试试~

日常使用

CodePen

网站地址：codepen 是一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。

写文章，将代码片段放在codepen也是不错的选择，让阅读者直接可以运行效果

Stack Overflow

网站地址：stackoverflow.com/

一个帮助解决bug的社区（非常活跃）

image.png

我不知道平时你们开发时遇到bug怎么处理， 我都是上Stack Overflow搜一搜， 用过的都知道，不管是高级bug还是愚蠢问题，百分之98的坑，都有人已经有人先踩过了。

can i use

网站地址：https://caniuse.com/

这个网站真是见名知义, 一个针对前端开发人员定制的一个查询CSS、Js在各种流行浏览器中的特性和兼容性的网站，可以快速的写的代码在各个浏览器中支持情况，可以很好的保证网页的浏览器兼容性。

iconfont

网站地址:www.iconfont.cn/

iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。

悄悄说一句，真的很好用，目前个人喜欢的字体图标库

在线工具

网站地址：https://tool.lu/

最后再推一个常用的网站，名字就是在线工具

开发常用的正则测试、json工具、图片base64编码等都有，这个网站就像是多啦A梦的百宝袋。

接私活

玖玖六的小伙伴直接跳过，身体最重要~

如果你真的很闲，可以试试这些途径

先说说国内的接单途径~

码市

网站地址：codemart.com/

码市，就是 Coding 的创始人牵头搞起来的，专注于做互联网软件外包服务平台。

如果你想在上面接单，可以在平台上面完善个人信息，并提交申请，等平台派单。不过当中的不确定性因素太多，有点类似守株待兔，最好的方式还是得去主动寻找客户，到平台上给需求方写投标书。至于能不能中标，那就看个人或团队的综合素质能力了。

众包

网站地址：zb.oschina.net

得益于「开源中国」这个开发者社区流量的支持，他们旗下的「开源众包」产品发展迅猛，外包服务做得风生水起。

QQ群

上面接单两种途径，会有很多外包团队一起和你竞争，除了上面两个途径，还有一个就是QQ群

加入到各种接单的QQ群里， 这里面的客户来源大部分是通过淘宝店， 大大小小的项目都有。

我自己也接过几次私活， 但是国内的这些途径都太卷了，后来也懒得干了~

如果你英文还可以，想接单还可以考虑去国外的网站试试，我朋友之前接过两次，佣金比国内可观一些

Upwork

网站地址：Upwork.com

是全球最大的最规范的综合类外包平台之一, 这上面不仅仅是开发， Upwork平台上提供 12个主类、90种大类、3500种细化技能人才。

所以想接单，刚开始最好找个教程看看。

还有个比较出名的freeLancer,这个当时注册了信息，但是没有在上面接过单，就不详细说了

摸鱼工具

韭菜盒子

• vscode 插件

这两年基金比较热， 我也入了这个坑， 所以结识了摸鱼神器韭菜盒子。

这款插件对很多喜爱摸鱼，并且摸鱼只为炒股赚（pei）钱的朋友来说，就是神器了。

leetcode 插件

• vscode 插件

如果只是因为没有工作导致摸鱼，那可以用摸鱼的时间学习呀。在 VSCode 上安装下面的插件，一边摸鱼，一边学习，两头抓。

image.png

在这里刷的题还会同步到LeetCode网站

Thief

github 地址：github.com/cteamx/Thief

专业摸鱼工具，多功能 不仅仅支持 小说摸鱼 ，还支持 股票、网页、视频、直播、PDF 等摸鱼模式。

• 隐蔽性 每种摸鱼模式都提供了不同的摸鱼技巧，可以很隐秘地进行摸鱼

• 跨平台 支持 Win + Mac + Linux , 不管你用什么系统，Thief 都让你无缝隙摸鱼

image.png

友情提醒：虽说摸鱼舒服，但是摸得不好，很容易 摸鱼一时爽，没有年终奖。

更多推荐

25 个前端相关的学习网站和一些靠谱的小工具

推荐28个网站，让你边玩边学

最后

欢迎大家围观我的朋友圈，搞搞技术，吹吹牛逼。关注我，秒添加，回复加群，可以进入 500人前端群。

转发文章并关注公众号：前端开发博客，回复 1024，领取前端进阶资料

1. 回复「电子书」领取27本精选电子书

2. 回复「加群」加入前端大神交流群，一起学习进步

3. 回复「面试」获取 面试 精选文章

我是漫步，感谢各位的：「点赞、关注和在看」，我们下期见！

分享、点赞、在看