一个合格的初级前端工程师需要掌握的模块笔记，醍醐灌顶！

引言

首先出这篇文章，一方面是为了记录巩固我所学的知识，明白面试的高频考点。不鼓励大家背题的，初衷是希望总结的一些面试题能帮助你查漏补缺，温故知新。这些题并不是全部，如果你还想看得更多，可以看文末，目前已经有552道大厂真题了，涵盖各类前端的真题，欢迎加入我们一起来讨论

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

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全过程的经验，在这个过程中遇到了什么坑，如何解决的，解决的过程中是如何思考的。这些经历、思考在面试中也是面试官所关注的。以上是一个前端工程师在项目中所需要具备的基本能力，这些能力的缺失不仅会在面试中暴露出来，更会成为日后实际项目开发中的隐患

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取

…(img-2QruLTaV-1623251853779)]