帆软笔经+面经（已OC） 前端

前段时间海投offer来着，结果直接投到前端去了，也是没想到我基本全是后端的简历过了初筛，给了一个ai面，我严重怀疑这是kpi！但我还是去面试了，记录一下前端面经吧。其实我是前端会一点，后端会一点，但都不精通的fw来着。三分钟自我介绍，讲讲相关工作经验请简述js中的模块开发及其实现方法请简述bom（浏览器对象模型）的概念及其作用面对10：1的竞争压力讲讲个人优势如果是你会如何培训新入职员工遇见问题你会多途径探查吗，请举个例子你对应聘的岗位了解吗，请简述期望薪资

#一觉醒来，我觉醒了超级打工人系统#叮咚，电子音在我耳边响起，恭喜宿主解锁最强打工人系统，请宿主自由选择天赋技能“这是啥？穿越带系统的戏码？”我先是一愣，随即狂喜。看着眼前浮现的技能面板，有“时间掌控术”可让工作时长随心变，“人脉雷达”能精准定位贵人，“任务透视眼”可提前知晓工作重点。哼，有此系统，职场巅峰还不是手到擒来？上班途中，面对拥挤地铁，我默念“空间拓展咒”，竟神奇地获得一方舒适小天地。到了公司，开启“魅力亲和光环”，同事们纷纷投来友善目光，新的职场传奇，就此拉开华丽序幕。

1. 如何实现流式输出2. 流式输出前后端分别是怎么做的3. promise 输出问题4. ```js   // 500毫秒后会阻塞吗 setTimeout(() => {       while(1) {}   }, 500);   ```5. ```js   // 为什么网络请求还没回来就立即开始打印 1   axios.get('url'); // 需要 5 秒 setInterval(() => {       console.log(1);   }, 1000);   ```6. 为什么文件打包后会生成一个 hash 值，对于浏览器的作用是什么7. 为什么 index.html 打包后不生成 hash 值8. 为什么一个 const 数组可以调用 push9. 如何禁止 push（ts readonly、Proxy 拦截 **get** 操作）10. 手撕：斐波那契数列11. 递归的前提下如何优化它（实现装饰器 @cache、闭包记忆、map 保存计算结果）

2024年10月25日收到面试预约，我选在了29号下午4点2024年10月29日4点面试。男面试官，不开摄像头。用时五十分钟。自我介绍实习项目介绍localStorage+indexeddb+serviceWorker的使用介绍 Intersection ObserverIntersection Observer 的阈值瀑布流怎么做webp格式要怎么检测设备是否支持你说的根据窗口大小变化而变化，闪屏怎么优化首屏白屏时间优化怎么做性能指标的监控prisma介绍下orm的优点 我只会减小心智负担，我根据之前面试的教训，说性能不会优化。面试官补充了说可以提升安全，防sql注入diff原理(不会)us...