2024 web 前端面试总结（春招），JavaScript的常见用途和书写规范

• 根据他事先准备好的问题来问

这种面试的话其实还挺多的，比如说之前面美团的时候就遇到过，如果考察的问题比较基础的话还好，因为基础是人人都需要好好准备的，但是可能某道算法或者某个偏僻的知识点某些人正好会，或者是看过面经。某些人正好不会，或是没看到面经区别就很大了，所以不是很喜欢这样的面试官，但是还可以接受。

• 根据你的简历或是你擅长哪一方面来问

这种是我最喜欢的面试官了，面试拼多多，贝壳，头条的时候都遇到过这类面试官，他们会根据你的简历来问你问题，如果某方面你了解的不多的话他们也不会一直追着不放。毕竟每个人的精力有限，不可能什么方面都做的很好，善于发现人的长处的面试官才是合格的面试官。

• 根据他会的来问

这种就最坑了，他只会问你他会的，很少看你简历上面的东西，而且有时面试缺乏开发经验的实习生时还总是喜欢问些实际开发中才能遇到的问题。

如果真的遇到这种面试官的话，可以适时的提醒一下，如果遇到过分觉得没什么希望建议直接说出自己的想法，说不定可以造福后续面试者。而且不要因为一两个面试官而影响自己的心情，这种面试官毕竟是少数。

其实面试也是一个双向选择的过程，不只是面试官选择你，还有你选择这家公司。

关于基础

---

我一直认为基础都是最重要的，在掘金上面加了个前端的小册群，群里面大多数应该是工作了的人，前两天有人在群里问了下面这道题

var value = 1

var foo = {

value: 2,

bar: function() {

return this.value

}

}

console.log((foo.bar)())

然后有的说自执行函数，还有人说为什么不是 undefined，为什么不是 1，其实就是个很简单的隐式绑定。怎么说呢，成功的路上没有捷径。如果抱着走捷径的方式来找工作，看再多总结也没用。

关于框架

---

说实话，秋招的时候 Vue，React 其实自己都不会的，但是当时关于虚拟 dom，diff 算法，数据的双向绑定这些都是有了解的。所以感觉并没有给自己的面试有太多减分。

很多时候面试官并不是看你是否会实用某个框架来开发，其实这些框架的话稍微熟悉一下就能够上手开发了，大多数时候这就足够了，在开发的过程中可以慢慢学。但是如果没使用过这些框架，然后其中的思想也不知道的话可能会减分。

这里补充一下 React 及 node 的相关考点（部分），因为秋招的时候只是简单的带过了

• React

虚拟 dom 及 diff 算法，生命周期及各个生命周期主要做哪些事，父子，同级之间的组件通信，setState 异步的原因及好处，性能优化，尤其是 shouldComponentUpdate

• node

node 中的事件循环，实现一个 Event 类（即实现一个发布订阅），V8 的垃圾回收，然后就是使用的框架的核心思想，比如 Koa 的中间件原理是如何实现的，然后可能会根据你做过的东西用到哪些 node 中的东西来问。

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

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

SS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-cNk96doP-1710582194626)]

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