2022新鲜出炉前端面试题（开放性面试题适合面试中可劲吹牛的那种）！！！

说难不难，说不难也不知道怎样回答面试官才满意，但我最后总结出来的就是，最好他问你的每一个都知道，并且深刻理解，并且只要是开放性的问题，最后回答个五六七八种方法！所以以下的问题还是自己总结并深入理解到心里吧（有空心情好再补充答案吧 - -）！

CSS面试题

1. 把你知道的所有css实现居中的效果说出来
2. css定位都有什么
3. css的单位除了px，还有什么
4. 系统主题切换是怎么做的
5. 如何解决高度塌陷问题
6. ts有什么作用，为什么要用ts
7. 你知道复合图层与硬件加速嘛？

JS基础面试题

1. 数组去重有多少种方法
2. 什么是变量提升吗？变量提升和函数提升那个先执行
3. 改变this指向有什么方法，区别是什么
4. 如何判断js的类型，typeof有个漏洞是什么
5. 你了解过闭包吗？哪些场景会用到闭包？
6. 什么是事件循环
7. 什么情况下会造成内存泄露
8. post和get有什么区别
9. 前端是如何做缓存的
10. 说一下浏览器请求接口的整个过程
11. 怎么二分查找一个数（算法）
12. 讲一下快排的思路（算法）

ES6面试题

1. es6新出的声明变量方式是什么，有什么区别吗
2. es6还有哪些新出的特性，箭头函数有什么作用吗
3. async和await，await有个约束条件是什么
4. 你了解generator嘛
5. 你还知道哪些promise实例方法

React面试题

1. 请说一下react的生命周期
2. hooks有什么作用，他解决了什么问题，为什么要用hooks
3. react怎么优化性能
4. react16和react17有什么差别，他们都解决了什么问题
5. 多个reduce之间如何存储在store中

其他（优化、打包）

1. 前端缓存怎么做到性能优化
2. 在数据量超级大的要展示在页面上的时候怎么做可以进行性能优化
3. 你们的项目前端都是如何解决安全性能问题的
4. webpack中的plugin和loader有什么区别
5. webpack的执行过程是怎样的
6. webpack有什么优化方案（感觉面试官希望你能说个十个八个！）
7. hooks为什么不能在if判断中写
8. 组件间如何进行通讯的（说到消息订阅），那消息订阅是怎么做的

开放性问题

1. 你在项目中是什么一个角色
2. 给你一个重构项目，你是如何开始的
3. 如何线上解决问题
4. 你觉得自己的抗压能力如何
5. 最近有关注什么新的前沿技术嘛？有什么心得？