2024年最全自制-前端面试题，面向前端开发者的复习指南

前端资料汇总

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

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。

10. 移动端的适配问题，像素比，rem相对于什么的长度

11. cookie ,sessionStorage,localStorage的区别

12. call，appy，bind的区别，怎么实现bind

13. ts。如何什么变量

14. ts 泛型、重载、接口、类等等

（二）、React

---

1. 生命周期？react创建组件有几张方式？

getDefaultProps:获取实例的默认属性

getInitialState:获取每个实例的初始化状态

componentWillMount：组件即将被装载、渲染到页面上

render:组件在这里生成虚拟的 DOM 节点

componentDidMount:组件真正在被装载之后

2. 什么是JSX?和vue中模板语法有什么不同。

3. 你对 React 的 refs 有什么了解？几种写法？绑定组件上输出的是dom吗？如何绑定dom?React.forwardRef用过？

4. React 中 keys 的作用是什么？

5. 什么是高阶组件（HOC）？能用HOC做什么？

代码重用，逻辑和引导抽象

渲染劫持

状态抽象和控制

Props 控制

6. 什么是Redux？

Redux 由以下组件组成：

Action – 这是一个用来描述发生了什么事情的对象。

Reducer – 这是一个确定状态将如何变化的地方。

Store – 整个程序的状态/对象树保存在Store中。

View – 只显示 Store 提供的数据

7. 为什么React Router v4中使用 switch 关键字？

（三）、Vue

---

1. Vue实现兄弟组件间传值有几种方式 及父子之间传值，访问方法（）$children $parent）

2. 生命周期，父子组件加载时生命周期。

3. $nextick原理

4. v-if和v-show的区别。

5. vue中 keep-alive用法。（include .exclude）

6. vuex中四大模块怎么传递的，component，action,mutation,state，及action和mutation的区别，action是异步的吗？

7. vue中$route和$router的区别

8. key和ref的作用及区别

9. v-model双向绑定原理（）

10. vue数组,this.arr[0]=“ftgfg”

（四）、其他项目建设工具类

---

11. 页面url到加载完成经过哪些步骤？

12. 对webpack的了解

13. webpack工程化做了哪些优化？

二、深入

===================================================================

（一）javacript

---

1. 函数节流（throttle）与函数去抖（debounce）区别

2. 深拷贝与浅拷贝区别？js实现方案？

（二）、vue

---

1. directive指令，(bind,inserted,update作用）

2. transition动画

3. filter

4. render函数语法（jsx格式，配置babel）

5. mixin
   其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

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

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。