前端开发连续面了一周，我现在强的可怕！
这不是凡尔赛，是真的面麻了之后的一种“诡异”状态。
不是刷三个月LeetCode，也不是背八股文背到天亮。而是——把一周的面试排满，一天两场，不带喘气。
从周一到周日，我面了大小厂共9场。前三天被虐到怀疑人生，第四天开始突然开窍，等到第七天的时候，面试官一张口，我甚至能猜出他下一句要问什么。
这种感觉怎么形容呢？就像你打游戏被boss连锤一百遍，突然有一天，你能预判它的每一个技能前摇。
现在我坐在电脑前复盘，脑子里已经不是“Promise、闭包、事件循环”了，而是——面试官问这个问题，到底是想考察哪个知识点？他的语气犹豫了一下，是不是我答偏了？他低头看简历，是不是在找下一个深挖的点？
面到后面几场，我甚至能一边回答问题，一边在心里给对面的面试官打分：这道题问得可以，有水平；这个问题太浅了，估计是个初级面试官……
连续面一周，你会发现：
- 那些你以为很熟的知识点，在压力面前照样翻车
- 那些你背得滚瓜烂熟的概念，换个问法就懵了
- 但也是在这个过程中，你的知识漏洞会被暴力填平
现在的我，闭着眼睛能把事件循环的画出来，张口能讲清楚虚拟DOM的diff原理，手写深拷贝、防抖节流跟喝水一样自然。不是因为记忆力变好了，而是被问得太多，想忘都忘不掉。
我只想说：面完这一周，我再也不怕面试了。
倒不是因为我拿到了几个offer（虽然确实拿到了），而是因为——
你怕一个东西，本质上是因为你不了解它。当你把它拆解成“问题-考点-答案”的套路之后，它就不再可怕了。
下面我把这一周被问到的高频题目放出来，希望能帮你少走一半弯路👇
项目场景题面试题
1.如何判断用户设备
2.将多次提交压缩成一次提交
3.介绍下navigator.sendBeacon方法
4.混动跟随导航（电梯导航）该如何实现
5退出浏览器之前，发送积压的埋点数据请求，该如何做？
6.如何统计页面的long task(长任务）[热度：140]
7.PerfoemanceObserver如何测量页面性能
8.移动端如何实现下拉滚动加载（顶部加载）
9.判断页签是否为活跃状态
10.在网络带宽一定的情况下，切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗？
性能优化面试题
1. script标签放在header里和放在body底部里有什么区别？
2.前端性能优化指标有哪些？怎么进行性能检测？
3.SPA（单页应用）首屏加载速度慢怎么解决？
4.如果使用CSS提高页面性能？
5.怎么进行站点内的图片性能优化？
6. 虚拟DOM一定更快吗?
7.有些框架不用虚拟dom，但是他们的性能也不错是为什么？
8，如果某个页面有几百个函数需要执行，可以怎么优化页面的性能？
9.讲一下png8、png16、png32的区别，并简单讲讲png的压缩原理
10.页面加载的过程中，JS文件是不是一定会阻塞DOM和CSSOM的...
React面试题
1. 下面代码中，点击"+3”按钮后，age的值是什么？
2. React Portals 有什么用?
3. react 和 react-dom是什么关系?
4. React中为什么不直接使用requestIdleCallback?
5. 为什么react需要 fiber 架构，而Vue却不需要？
6.子组件是一个Portal，发生点击事件能冒泡到父组件吗？
7. React 为什么要废弃 componentWillMount、componentWillReceivePr...
8.说说Reactrender方法的原理？在什么时候会被触发？
9.说说React事件和原生事件的执行顺序
10.说说对受控组件和非受控组件的理解，以及应用场景？
Vue面试题
1. Vue有了数据响应式，为何还要diff？
2. vue3为什么不需要时间分片？
3. vue3 为什么要引入 Composition API？
4.谈谈Vue事件机制，并手写$on、$off、$emit、$once
5.computed计算值为什么还可以依赖另外一个computed计算值?
6.说一下vm.$set原理
7. 怎么在Vue中定义全局方法?
8.Vue中父组件怎么监听到子组件的生命周期？
9.vue组件里写的原生addEventListeners监听事件，要手动去销毁吗？..
10.说说vue3中的响应式设计原理
Typescript面试题
1. 说说对TypeScript中命名空间与模块的理解？区别?
2. 说说你对 typescript 的理解？与javascript 的区别?
3. Typescript中泛型是什么?
4. TypeScript中有哪些声明变量的方式?
5. 什么是Typescript的方法重载？
6. 请实现下面的sleep方法
7. typescript 中的 is关键字有什么用?
8. TypeScript支持的访问修饰符有哪些?
9.请实现下面的myMap方法
10.请实现下面的 treePath方法
前端工程化面试题
1. package.json文件中的 devDependencies 和 dependencies对象有什...
2. webpack 5的主要升级点有哪些?
3. 说下Vite的原理
4.与webpack类似的工具还有哪些？区别？
5.说说如何借助webpack来优化前端性能？
6.说说webpackproxy工作原理？为什么能解决跨域？
7.说说webpack的热更新是如何做到的？原理是什么？
8.面试官：说说Loader和Plugin的区别？编写Loader，Plugin的思路?
9.说说webpack中常见的Plugin?解决了什么问题？
10.说说webpack中常见的Loader?解决了什么问题?
完整贴一下github：https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3