前端技术网站_前端工程师面试题及答案

#MDN

MDN 他原来是 Mozilla 开发者中心, 也就是出火狐浏览器的那个组织的，但是呢,现在他是由一群社区的开发者，还有一些文档专家来维护的这么一个文档项目，它上面有好多关于 web 开发的一些文档，有 html, JavaScript 和 css，还有浏览器内置的一些 web API，包括还有后端的 node.js 和 express 开发。他的文档都很权威，而且很全面，还很新。是咱们这个前端工程师必须要关注的网站。

MDN Web Docs

#Caniuse

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

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。