2023最新前端面试题总结，背完Offer拿到手软（包含JS、CSS、React、vue、浏览器、小程序题等等）_2023前端面试总结

前言

想想几年前一个月随便投出去一天至少3面试一个月排满面试的场景对于现在已经灭绝了，基本只有外包和驻场有回应，今年很多人都只能猥琐发育，市场上不仅岗位变少，money也少了很多。目前环境的不景气，面试难度也增加了很多，在这样的大环境下也只能不断提升提升自己，时刻警惕被优化的风险。最近刚好复习到手写面试题的基础分享分享给大家伙。

javaScript面试题精选

1.js的数据类型

2.双等和三等的区别

3.js中布尔值为false的六种情况

4.let const var 区别

5.普通函数和箭头函数的区别

6.数组有哪些方法

7.map()对比forEach()

8.for in 对比 for of区别

9.扁平化数组代码实现

10.数组去重的方法

11.防抖和节流

12.事件循环机制

13.原型与原型链

14.localStorage、sessionStorage、cookie区别

15.判断数据类型的方式以及区别  (typeof instanceof  他们两者的区别)

16.null typeof为什么是一个object

17.事件冒泡与事件捕获原理

18.父div和子div都绑定了click事件,点击子div触发事件,这个事件的回调顺序

19.阻止冒泡的方式及作用

20.事件委托的理解

21.call、apply、bind的区别

22.js闭包

23.内存泄漏怎么理解

24.哪些操作会造成内存泄露

VUE篇

1.v-show和v-if区别的区别

2.为何v-for要用key

3.描述vue组件声明周期mm

单组件声明周期图

父子组件生命周期图

4.vue组件如何通信

5.描述组件渲染和更新的过程

vue 组件初次渲染过程

vue 组件更新过程

6.双向数据绑定v-model的实现原理

7.对muvm的理解

8.computed有何特性

9.VUE 中如何封装组件?什么组件，为什么要封装组件? 组件中 data 为什么是一个函数

为什么要封装组件?

什么是组件?

10.ajax请求应该放在哪个生命周期?

11.如何将组件所有props传递给子组件?

12.如何自定实现v-model?

13.多个组件有相同逻辑，如何抽离?

14.何时要使用异步组件?
 

15.何时使用keep-alive?
 

16.何时使用beforeDestroy?
 

17.什么是作用域插槽?
 

18.vuex中action和mutation有何区别?
 

19.vue-router常用路由模式
 

20.如何配置vue-router异步加载
 

21.请用vnode描述一个dom结构
 

22.监听data变化的核心api是什么?
 

23.vue如何监听数据变化?24.请描述响应式原理?
 

25.简述diff算法过程 (了解)
 

26.vue为何是异步渲染，$nextTick何用?27、VUEX 是什么?怎么使用? 那种场合能用
 

28、vue 的指今用法
 

29、vue.js的两个核心是什么?
 

30.vue中子组件调用父组件的方法?
 

31.vue中父组件调用子组件的方法?
 

32.vue页面级组件之间传值?
 

33.说说vue的动态组件

React篇

1.什么是React?

2.React有什么特点

3.列出React的一些主要优点

4.React有哪些限制?

5.为什么浏览器无法读取JSX?

6.与ES5相比，React的 ES6 语法有何不同?

7.React与Angular有何不同?

8.你怎样理解“在React中，一切都是组件”这句怎样解释React中render0)的目的

9.什么是 Props?

10.React中的状态是什么?它是如何使用的?

11.区分状态和 props

12.如何更新组件的状态?

13.React 中的箭头函数是什么? 怎么用?

14.区分有状态和无状态组件

15.React中的事件是什么?

16.React中的合成事件是什么?

17.React 中的 useState() 是什么?

18.React中的StrictMode(严格模式)是什么?

19为什么类方法需要绑定到类实例?

20.什么是prop drilling，如何避免?

21.描述Flux与MVC?

22.受控组件和非受控组件区别是啥?

23.什么是React Context?

24.什么是 React Fiber?

25.如何在 ReactJS的 Props上应用验证?·在React中使用构造函数和 getlnitialState 有什么区别?

26.Hooks会取代 render props 和高阶组件吗?

27.如何避免组件的重新渲染?

29.什么是纯函数?

30,当调用setState时，React render 是如何工作的如何避免在React重新绑定实例?
区分RealDOM和Virtual DOM?

Node.js篇

1、如何区分 JavaScript 和Node.js?

2、什么是NodeJS?

3、列出NodeJS的优势

4、Angular和Nodejs 有什么区别

5、Node.is的使用场景是什么?

6、为什么要用Node.is?

7、Node.js有哪些全局对象?

8、process有哪些常用方法?

9、Node.is有哪些定时功能?

10、Node.is中的异步和同步如何理解?

11、通过哪些方法可以进行异步流程的控制?

12、通过哪些常用方法可以防止程序崩溃?

13、怎样调试 Node.is程序?

14、Node.s的网络模块都有哪些

15、Noe.is是怎样支持HTTPStls的?

16、什么是Node.is?

17、Node.is的优缺点是什么?

18、npm是什么?

19、npm的好处是什么?

20、Node.js中导入模块和导入JavaScript文件在写法上有什么区别?

21、npm的作用是什么?

22、什么是 EventEmitter?

23、如何实现一个EventEmitter?

24、EventEmitter有哪些典型应用

25、如何捕获 EventEmitter的错误事件?

26、Node.is中的流是什么?

webpack篇

1、webpack的作用是什么，谈谈你对它的理解？

2、webpack的工作原理?

3、webpack打包原理

4、webpack的核心概念

5、Webpack的基本功能有哪些？

6、gulp/grunt 与 webpack的区别是什么?

7、webpack是解决什么问题而生的?

8、你是如何提高webpack构件速度的?

9、npm打包时需要注意哪些？如何利用webpack来更好的构建？

10、前端为什么要进行打包和构建？

11、webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全。

12、怎么配置单页应用？怎么配置多页应用？

13、Loader机制的作用是什么？

14、常用loader

15、Plugin（插件）的作用是什么？

16、什么是bundle，什么是chunk，什么是module

17、常见Plugins

18、ExtractTextPlugin插件的作用

19、sourceMap

20、HMR热模块更新

算法篇

1. 说说你对数据结构的理解？有哪些？区别？

2. 说说你对算法的理解？应⽤场景？