web前端面试题(面试题大全)

React系列

1. 说说对React的理解？有哪些特性？
2. 说说React 生命周期有哪些不同阶段？每个阶段对应的方法是？
3. 说说对React Hooks的理解？解决了什么问题？
4. React中组件之间如何通信？
5. 说说对Redux中间件的理解？常用的中间件有哪些？实现原理？
6. React性能优化的手段有哪些？
7. 说说对Fiber架构的理解？解决了什么问题？
8. 说说你对Redux的理解？其工作原理？
9. 说说React render方法的原理？在什么时候会被触发？
10. 为什么React元素有$$typeof属性?
11. state 和 props 有什么区别？
12. 说说 React中的setState执行机制
13. 说说React的事件机制？
14. 说说对受控组件和非受控组件的理解？应用场景？
15. 说说React Jsx转换成真实DOM过程？
16. 说说React diff的原理是什么？
17. 说说 Real DOM和 Virtual DOM 的区别？优缺点？
18. 说说你对@reduxjs/toolkit的理解？和react-redux有什么区别？
19. 说说Connect组件的原理是什么？
20. 说说react 中jsx语法糖的本质？
21. 说说你对immutable的理解？如何应用在react项目中？

UmiJS系列

1. umi路由鉴权
2. Umi中使用PullToRefresh下拉刷新,InfiniteScroll上拉加载，FloatButton回到顶部
3. Umijs带底部导航路由切换动画

Webpack系列

1. 说说你对webpack的理解？解决了什么问题？
2. 说说webpack中常见的Loader？解决了什么问题？
3. 说说如何借助webpack来优化前端性能？

ES6系列

1. 你是怎么理解ES6中 Promise的？使用场景？

Vue系列

1. SPA（单页应用）首屏加载速度慢怎么解决？
2. 说说你对vue的mixin的理解，有什么应用场景？
3. 说说你对Object.defineProperty()的理解？
4. 为什么data属性是一个函数而不是一个对象？
5. Vue常用的修饰符有哪些有什么应用场景?
6. 请描述下你对vue生命周期的理解？
7. v-show和v-if指令的共同的和不同点？
8. vuex有哪几种属性？
9. 计算属性和watch以及methods的区别？
10. $route和$router的区别?
11. 单页面应用和多页面应用的区别及优缺点?
12. vue的优点有哪些?
13. 你有写过自定义指令吗？自定义指令的应用场景有哪些？
14. vue自定义指令实现拖拽

Vue3系列

1. vue2和vue3中的v-if和v-for的优先级？
2. vue3.0和vue2.0生命周期的理解？
3. 请简单叙述Vue2和Vue3的区别和变化?

JavaScript系列

1. 数组常用方法及作用？
2. 说说你对事件循环的理解？
3. 说说你对闭包的理解？闭包使用场景？
4. 什么是防抖和节流？有什么区别？如何实现？
5. 说说 JavaScript 中内存泄漏的几种情况？
6. 说说你对koa中洋葱模型的理解？
7. Javascript本地存储的方式有哪些？区别及应用场景？
8. 原生js如何实现上拉加载下拉刷新？
9. 大文件上传如何做断点续传？
10. 原生Js实现上拉加载，下拉刷新
11. ajax原理是什么？如何实现？
12. bind、call、apply 区别？如何实现一个bind?
13. JavaScript 有哪些数据类型，它们的区别？
14. 数据类型检测的方式有哪些?

JQuery系列

1. JQuery生成QRCode二维码

CSS系列

1. 怎么理解回流跟重绘？什么场景下会触发？
2. 清除浮动的几种方式？各自的优缺点？
3. CSS如何画一个三角形？原理是什么？
4. 说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
5. 谈谈你对BFC的理解？
6. css选择器有哪些？优先级？哪些属性可以继承？
7. 元素水平垂直居中的方法有哪些？如果元素不定宽高呢
8. CSS3新增了哪些新特性？
9. 修改导航条样式

HTTP系列

1. 说说对WebSocket的理解？应用场景？
2. 如何理解CDN？说说实现原理？
3. 说说地址栏输入 URL 敲下回车后发生了什么?
4. 什么是强缓存和协商缓存？
5. 说说TCP为什么需要三次握手和四次挥手？

模块化系列

1. 说说AMD、CMD、commonJS模块化规范的区别？

版本控制系列

1. 说说package.json中版本号的规则?
2. 说说你对git rebase 和 git merge的理解？区别？

Typescript系列

1. TypeScript基础类型
2. TypeScript 接口
3. Typescript泛型

动画

1. 如果需要手动写动画，你认为最小时间间隔是多久，为什么？
2. umi 路由切换动画的实现
3. Vue路由切换动画

常见面试题总结

1. 常见面试题（1）
2. 常见面试题（2）
3. 常见面试题（3）
4. 常见面试题（4）
5. 常见面试题（5）
6. 常见面试题（6）
7. 常见面试题（7）
8. 常见面试题（8）

其他

1. 前端跨域的解决方案？
2. 说说你对浏览器内核的理解？
3. git命令集
4. 判断数组的几种方式
5. 导航条滚动