27 届前端合并一天内两场面试的面经

时长45分钟 欢聚集团

1.什么是盒子模型

2.日常开发中使用过什么选择器

3.伪元素和伪类的区别（css 问题到此为止）

4.讲讲什么是闭包，闭包有什么优点，会出现什么问题

5.讲讲 this 的指向问题

6.讲讲原型和原型链

7.原型链有什么用

8.讲讲类型断言和类型解释（typeof,instanceof）的区别

9.我看你使用过 typescript,讲讲你为什么使用 typescript

10.讲讲你对 js 和 ts 的区别的理解

11.讲讲你对明明使用静态语言却还用 any 的看法

12.你在代码中会用 any 吗（我说一般会定义 interface)

13.讲讲定义 interface 和 any 之间的区别（js/ts 的问题应该是到此为止，可能还有但不记得了）

14.讲讲你对 hooks,函数式组件，类式组件的区别（本人从生命周期的角度回答）

15.你认为 hooks 有什么缺点（本人说只能在外部使用，在 if 和 while 不可使用，可能不是很灵活）

16.你知道为什么 hooks 不能在外部使用吗？

17.如果我有在 if 和 while 中使用 hooks 有什么解决方案吗（人麻了）

18.如果是你，你会根据什么角度来选择使用 useEffect 和 useLayoutEffect

19.讲讲你对 useContext 的理解

20.useContext、zustand 和 Redux 的区别

因为腾讯会议时长只约了 30 分钟，到这里应该 30 分钟了，可能还有一些问题但是我忘了（悲）

你的项目中有什么亮点吗，可以和我说一下（现场看我简历，于是延长了 15 分钟。。。）

21.讲讲你项目中的一些功能

22.我看你会做一些性能优化，你是怎么实现的呢

23.你为什么会想着去优化压缩项目体积呢

24.你说你使用了 http/2,为什么 http/2 能比 http/1.1 更加节省资源呢

25.怎么看到资源更加节省了呢

26.你对虚拟列表的原理有了解吗

27.你的项目中是一开始就使用了 vite 吗

28.为什么会想着做一个中间件呢

29.你提到你了解 NodeJS,有使用过吗

30.讲讲 useCallback,useMemo

31.具体讲讲 useMemo

反问环节

45 分钟全是八股，人麻了

时长 45 分钟 中科紫东太初

1.我对你的第一个项目比较感兴趣，有在线网址吗

2.你的动画挺好看，使用了哪些库

3.讲讲中间件的功能

4.查询准确率只有 85%，可是对于后端这样需要准确率较高的场景会不会有什么问题

5.是怎么记录首屏加载时间的

6.你是怎么实现 CI/CD 的

手撕题：React todolist 

面试官人很温柔，基本一直在提醒，看我在思考，还写了一段代码给我看（感动）

## 总结

一天两场面试，累倒也没有，还是有得到锻炼发现了自己的不足