11个前端工程师必备的网站，腾讯前端面试题及答案2024

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

Caniuse 这个网站它是用来查询一些 css 特性或者是 JavaScript 的特性，能不能在咱们当前的这个浏览器版本里面用，它会有一个详细的列表来显示这个特性哪些浏览器支持，哪些浏览器不支持。如果咱们大家不确定一个属性能不能在一个浏览器上用，可以通过这个网站去查一下。

Can I use… Support tables for HTML5, CSS3, etc

#Css-tricks

这个网站是主要介绍 css，另外呢也会有 html，JavaScript 和 php 的文章。他的文章大部分都是关于怎么实现一个 css 的特效，然后有一些 css 的最佳实践，比如说响应式布局，Flexbox 属性详解，或者是实现某一个特定的组件。它的内容有文章形式的，也有视频形式的，还有一些代码的示例，咱们想实现一个特效的时候，可以在这上面找一找。

CSS-Tricks

#Codepen

它是一个在线的代码编辑器，它还支持社交的功能。这样他有好多前端工程师，就把用这个在线编辑器写好了代码共享出来，他这个代码涉及的类别就比较多了，有关于网页组件的，还有关于游戏的，还有关于 3d，和 canvas 的这种。他的首页有列出来的一些比较热门的，大家可以没事浏览浏览，找找灵感。上面的牛人也比较多，它们写的代码都比较高深。

CodePen: Build, Test, and Discover Front-end Code.

#Medium

Medium 是一个现在很火的，特别大的博客平台，它上面的文章什么类别都有。然后关于编程的也有不少，当然也有咱们关于前端的。如果大家用谷歌搜索过的话，那么大部分的搜索结果可能都是这个 medium 平台上的，这上面的文章质量也都比较好。适合咱们大家做一些深入的概念性的学习。

Medium – Get smarter about what matters to you.

#Hacker noon

hacker noon 也是一个关于软件开发的平台, 上边也是各种关于软件开发的主题，比如说有加密啊，代码，还有一些创业的，或者是社区、AI 等这些类别。里面关于前端的也不少，而他的文章呢也基本上算是入门到中级的这种比较多。作者的一般文风都很通俗，咱们这一看就能看懂，所以说适合学习一些新的框架的入门还有进阶一点教程

Hacker Noon

#StackOverflow

Stackoverflow，这个算是一个比较老的网站，也算是全世界程序员都知道的一个网站，他是程序员用来问问题还有回答的地方，上面的问题也都是比较精辟，然后回答的也都比较详细，因为它这个社区有一个特别严谨又特别完善的规范，不是什么人都能问出一个好的问题来，如果问得不好的话就会被关闭，回答的不好的话也会被人呛，所以说他这种严谨的规范就造出来了这么一个比较完美的社区，这上面基本上所有的软件开发的问题都能在上面找到，大家搜问题的时候在谷歌上那肯定出来的结果前几条就有这个网站，大家没事也可以去浏览一下，看看有哪些待解决的问题，自己也可以去试着回答一下。只有在自己给别人讲明白了之后，才能说明自己真正的懂了。

Stack Overflow - Where Developers Learn, Share, & Build Careers

#freecodecamp

FreeCodeCamp 这个网站就比较好玩，它主要是学前端的。然后呢，它是有一系列的学习步骤，然后每个学习章节都有一些小的练习题，然后等把这一套练习都做完之后，就能把这个技术给掌握了。另外呢，他最后还会有练手的项目让大家去做，把这个学完之后，他还可以给你颁发一些证书。

Learn to code|freecodecamp.org

#各个库的官网

再接下来就是一些库的官网，比方说 react, vue, angular。 咱们要学习的话，就去看看它们官方文档的入门示例，把第 1 个项目跑起来，然后慢慢的再去研究它一些高级的特性。能尽快的运用到工作中去，就先应用到工作中去，一些高级的东西可以在工作中慢慢的再去学。

#国内

---

好，咱们说完国外的一些网站之后，就来看看咱们国内的，因为国内的就好多文章都是一模一样的，而且有的还是标题党，只有一点点东西，所以说好多就是浪费时间，不过还是有一些好的大家也可以自己去鉴别一下。

#SegmentFault

思否这个网站算是质量也比较高的，之前有好多同事也推荐给我看，但是呢，他就是只记得这个 logo 是绿色的，他也忘了这个名字是什么，大概这个网站知道他名字比较少，是因为这个名字又长又不好记，它叫 segment fault。里面也是各种文章都有，但是对于前端也是比较多的。

SegmentFault - 思否

紧跟潮流

大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

**
[外链图片转存中…(img-OA6szzAZ-1713618461862)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！