GitHub标星56.7K！堪称前端最强面试指南！！

独有前端面试题详解，前端面试刷题必备，900+前端面试真题，JavaScript、CSS、HTML、React、Vue、算法、计算机网络、Node.js、TypeScript、性能优化、前端安全等。

Vue面试题80题：

1. Vue 有了数据响应式，为何还要 diff ?

2.vue3 为什么不需要时间分片?

3.vue3 为什么要引入 Composition API ?

4.谈谈 Vue 事件机制，并手写$on、$off、$emit、$once

5.computed 计算值为什么还可以依赖另外一个 computed 计算值?

7. 怎么在 Vue 中定义全局方法?

8.Vue 中父组件怎么监听到子组件的生命周期?

9.vue组件里写的原生addEventListeners监听事件，要手动去销毁吗?为什么？

React面试题83题：

1.下面代码中，点击“+3”按钮后，age 的值是什么?

2.React Portals 有什么用?

3. react 和 react-dom 是什么关系?

4.React 中为什么不直接使用 requestIdleCallback?

5.为什么 react 需要 fiber 架构，而 Vue 却不需要?

6.子组件是一个 Portal，发生点击事件能冒泡到父组件吗？

8.说说React render方法的原理?在什么时候会被触发?

9.说说React事件和原生事件的执行顺序

10.说说对受控组件和非受控组件的理解，以及应用场景?

HTML面试题57题：

1.什么是 DOM 和 BOM?

2.简单描述从输入网址到页面显示的过程

3.一台设备的dpr，是否是可变的?

4.前端该如何选择图片的格式?

5.前端跨页面通信，你知道哪些方法?

6.说说你对 Dom 树的理解

7.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

8.html和css中的图片加载与渲染规则是什么样的?

9.title与h1的区别、b与strong的区别、i与em的区别?

10.script 标签为什么建议放在 body 标签的底部(defer、async)

Node.js面试题27题：

1.common.js和es6中模块引入的区别?

2.为什么Node在使用es module时必须加上文件扩展名?

3.浏览器和 Node 中的事件循环有什么区别?

4.Node性能如何进行监控以及优化?

5.如果让你来设计一个分页功能,你会怎么设计?前后端如何交互?

6.如何实现文件上传?说说你的思路

7.如何实现iwt鉴权机制?说说你的思路

8.说说对中间件概念的理解，如何封装 node 中间件?

9.说说 Node 文件査找的优先级以及 Require 方法的文件查找策略?

10.说说对Nodejs中的事件循环机制理解?

计算机网络71题：

1.简单描述从输入网址到页面显示的过程

2.说说WebSocket和HTTP的区别

3.说说 https 的握手过程

4.HTTP2中，多路复用的原理是什么?

5.说说你对"三次握手"、“四次挥手”的理解6.为什么推荐将静态资源放到cdn上?

7.什么是DNS劫持?

8. TLS 1.3 做了哪些改进?

9.TLS1.2 握手的过程是怎样的?

10.HTTP 报文结构是怎样的?

Typescript面试题46题：

1.说说对 TypeScript 中命名空间与模块的理解?区别?

2.说说你对 typescript 的理解?与 javascript 的区别?

3.Typescript中泛型是什么?

4.TypeScript中有哪些声明变量的方式?

5.什么是Typescript的方法重载?

6.请实现下面的 sleep 方法

7. typescript 中的 is 关键字有什么用?

8.TypeScript支持的访问修饰符有哪些?

9.请实现下面的 myMap 方法

10.请实现下面的 treePath 方法

11.请实现下面的 produat 方法

JavaScript面试题323题：

1.不会冒泡的事件有哪些?

2.mouseEnter 和 mouseOver 有什么区别?

3.MessageChannel 是什么，有什么使用场景?

4.async、await 实现原理

5.Proxy 能够监听到对象中的对象的引用吗?

6.如何让 var [a, b]={a:1,b: 2}解构赋值成功?

7.下面代码会输出什么?

8.描述下列代码的执行结果

前端工程化34题：

1.package.json 文件中的 devDependencies 和 dependencies 对象有什么区别?

2.webpack 5 的主要升级点有哪些?

3.说下vite的原理

4.与webpack类似的工具还有哪些?区别?

5.说说如何借助webpack来优化前端性能?

6.说说webpack proxy工作原理?为什么能解决跨域?

7.说说webpack的热更新是如何做到的?原理是什么?

8.面试官:说说Loader和Plugin的区别?编写Loader，Plugin的思路?

9.说说webpack中常见的Plugin?解决了什么问题?

10.说说webpack中常见的Loader?解决了什么问题?

好了，本文就写到这了，答案的话我整理的《2025前端面试刷题攻略》都有！需要的小伙伴： scan_material1 · encode-studio-fe/natural_traffic Wiki · GitHub