学习路线图必不可少，CSS字体样式值

前言

前端校招面试题主要内容包括html，css，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，设计模式，项目等等。（本文资料 适合0-2年）

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

文章中所列主要为大纲部分，详细内容可以在文末自行获取哈！

一个合格的前端需要哪些能力？

1、三大基础技能，js、css、html这三项技能是前端工程师能力中的基础，任何框架、工具、库都是基于这三者只上的。这是硬实力，决定了整个前端生涯能够达到的高度，以及在后面的技术栈拓展中的顺畅程度和能够达到的效果。结合题主的描述，“会用jquery、js写一些常见的动画”，会用jquery只能说明你了解jquery这个库提供的api的使用方法，然而你跟offer的差距就是使用与实现的差距。很简单的一个例子，为什么写$(‘#xxx’)就能取到元素？而想要回答这个问题，需要的就是扎实的js基础，你能回答出多少，就决定了你能拿到多大的offer。

2、工程能力前端工程师，首先是个工程师，做项目就是在做工程，所以懂得如何把一个项目的前端部分的工程运行起来，是另一项必备技能。grunt、gulp、webpack都是著名的工程类工具，这些工具只要能熟练使用，就基本符合工程能力的要求。但是如果想要拿到更高一个层次的offer，理解工作原理必不可少。这些工具的根本作用，就是对资源的处理，包括代码的压缩打包、本地服务器的架设等。

3、调试能力如果还在用alert、console来调试程序定位问题，那么你还不符合要求。学习chrome调试工具的使用，Elements查看元素、Network查看网络请求、Sources查看代码，设置断点定位问题、call stack查看调用栈。这个能力很少有人提到，但是掌握这些技能，不仅能在面试时给你加分，更重要的是在日后实际的项目中发挥的作用。

4、团队协作能力指的就是git，在项目开发中必不可少，熟练使用git，掌握常用的命令，学会解决冲突。

5、热门框架的使用vue、react是当前两个最热门的框架，能够熟练使用是基本要求，如果你想在众多求职者中脱颖而出，你还需要理解原理，还是那句话，你跟offer的差距就是使用与实现的差距。试着理解virtual dom的原理，响应式的原理，双向数据绑定的原理。

6、项目经验这里的项目经验，不是题主所说的“仿了几个页面”，而是“项目”的经验，是经历过整个项目从0到1全过程的经验，在这个过程中遇到了什么坑，如何解决的，解决的过程中是如何思考的。这些经历、思考在面试中也是面试官所关注的。以上是一个前端工程师在项目中所需要具备的基本能力，这些能力的缺失不仅会在面试中暴露出来，更会成为日后实际项目开发中的隐患

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](()

篇幅有限，仅展示部分截图：