自我介绍 学前端多久了 用过什么AI cursor的贡献量 var let 变量函数作用域 代码输出var count = 2; a(){ return count + 1; } fn1(){ var count =1; a(); }proptotype原型链，对象 代码输出题 fn(){ this.a=1; return {a=2;b=3} } fn.prototype.a=6; fn.prototype.b=7; fn.prototype.c=8 obj = new fn(); obj的abc？讲讲promiseTS泛型 接口 type区别手写new手写 TS pick手写 JS prom...

追忆第一次面大厂，感谢百度收留当时的菜鸟主包一面 25年11.13，结束后立马约二面## 预计时长：60分钟## 总时长：36分钟1. 自我介绍？2. 挑1-2个实习或者项目中的亮点或者难点进行介绍？3. 针对简历中实习部分的第一点：设计一个可复用的活动页模板，是如何实现可复用的？tips： 这里面试官最后总结应更改为：设计了一套可复用的活动页组件4. 多语言项目可能会遇到一些UI的适配问题，在实习过程中是否有遇到过这样的问题，是如何解决的？5. 是否有涉及到阿拉伯语，阿拉伯语存在一个字符串倒置的问题，如何解决？6. 对Promise.all()的理解，如何使用，返回的是什么？7. 与Promise.allSettled()有什么区别？8. 对async和await的理解，与Promise有什么关系？9. vue中如何防止样式污染？10. 如何修改第三方组件的样式？11. 说一下CSS的选择器有哪些，他们的权重和优先级是怎么样的？12. TS中何扩展window的自定义属性？13. 说一下重绘和重排的区别14. 说一下浏览器的缓存机制，各自涉及到哪些头部，头部有哪些属性15. var let const的区别16. 手撕二分查找17. 反问二面 25年11.14，一天后约三面## 预计时长：60min## 实际时长：57min1. 自我介绍2. 挑一个实习或者项目当中的亮点进行介绍3. 你的项目中提到了微前端，说一下技术选型及原因4. 假如我可预见性的知道将来的子应用数量将会非常多，如何将某个数据在这些应用中进行传递，是父子传值一个一个传吗？5. 我看到你的项目中说了一个数据可视化相关，是自己绘制的还是用了第三方库6. 一个接口的耗时大概是多少？如果现在有大量的图表在一个视口中进行渲染，前端怎么进行优化？7. 我看到你实习经历中涉及到一个文案提取的脚本，详细说一下8. 项目支持移动端适配吗？如果现在要让你进行移动端适配，你要怎么改造？9. 现在让你在网页里面实现一个人扔小球的动画，需要画出平滑的小球运动轨迹，应该怎么做？10. 如果你现在的项目要适配其他系统，比如安卓6.0，或者是更老版本的浏览器，他们并不支持现在的某些API，你应该怎么进行适配？11. 说一下webpack和vite之间的区别12. 手撕：实现一个scheduler类，传入一个最大并发数，实现一个任务调度的效果``` javascriptconst scheduler = new Scheduler(2)const timer = (delay) => new Promise((resolve) => setTimeout(() => resolve()), delay)const addTask = (delay, order) => {scheduler.add(timer(delay)).then(() => consloe.log(order))}addTask(1000, '1')addTask(300, '2')addTask(500, '3')addTask(800, '4')// 应输出 '2', '3', '1', '4'```13. 反问三面 25年11.18，结束一小时OC# 预计时长：60min# 实际时长：57min1. 自我介绍2. 什么时候开始接触前端的，是有什么契机吗3. 平时学习的方式4. 自从学前端以来，有什么印象比较深的事5. 拷打项目亮点难点（性能监控）6. 性能监控是怎么实现的，自己实现的还是调用了第三方库7. 采集到的数据是怎么上报的8. 自己在用这个sdk的时候遇到过什么问题吗9. 这个sdk是运行在什么层面的10. 前一段实习的离职原因11. 有跟别人合作开发的经历吗，是怎么分工的，能具体举个例子吗12. 国际化项目中文案是怎么管理的13. 最近一年压力最大的时候是什么时候14. 算法: 现在有一个函数，随机返回0，1，2，3，4，5，需要你根据这个函数，实现一个随机返回0，1，2，3，4，5，6，7，8的函数，返回每个数的概率都必须相等，禁止使用Math.random()不得不说百度流程真的快，组里同事也都很好，氛围夯爆了。主包正在做一个AI模拟面试的平台，是一个基于langchain + langgraph的agent项目，能根据简历押题，预测面试官会拷打你的问题，给身边朋友用完都觉得还不错。收集了几千篇面经存到向量库里，自己在两步rag架构基础上优化了检索精度，覆盖前后端，可以自行选择岗位进行八股检索，后面还可以扩展更多岗位。已备案完成，即将上线，希望大家到时候还多多支持，后续也会发一些开发过程中的一点点心得或者笔记

1、为什么选择学习前端2、你有说到前端技术更新迭代较快，那么平时你都是在哪些平台知道新技术以及学习这些新技术？3、html5语义化标签4、是否了解meta，作用是什么？5、对于搜索引擎，meta对他有什么帮助？6、如何实现一个不知高宽的按钮的水平居中，你知道几种方法？7、html5中如何实现0.5的边框？8、什么是js闭包以及使用场景？9、eventLoop流程？核心解决什么问题？10、有哪些常见的宏任务以及微任务？11、vue2你了解么？了解多少？12、SSE是什么？和websocket的区别?13、SSE的数据格式。14、跨域问题的解决方式和原理？15、localStorage，sessi...

1. 自我介绍并说一下最近的这个项目，觉得哪里有一些复杂度比较高的，你可以详细聊聊2. 这个项目是你实习做的吗？还是你自己练习的项目？（我说是老师项目组的）3. 我看你了解的知识面还挺广的，你是通过哪些方式进行前端的学习的？（GitHub、B站、掘金、极客时间）4. 有没有做过系统一点的学习？比如书籍之类的（我说你不知道的JavaScript）5. 这本书有什么理念，或者说你觉得印象比较深刻的？（说了this，把 this 全部过一遍）6. 那你在实际项目中有哪些场景有用this去做一些方案，或者说做一些小的工具函数之类的？（我说有，比如单例模式，然后全部过一遍）7. 那单例模式，你是在什么样的一个场景里面去用的？为什么会选择单例模式？有什么优缺点？8. 你刚刚说扩展性比较差，弹簧组件是全局的，那假设另外一个场景也需要使用这个组件，但是它又要有些不一样，那这个时候你会用到什么设计模式呢？9. 我看你项目写了响应式布局，你是之前做过移动端吗？（我说有）10. 那你是怎么做的适配的？因为有高倍屏、低倍屏，还有些手机尺寸不一样。11. 你所有的布局都是用的 px 去进行布局的吗？（我说还有 rem）12. 那你觉得 rem 的值应该设置为多少呢？（我说是除以10，追问，我说在GitHub上面阿里源码扒下来的）13. 对于样式布局，你了解哪些方式呢？（我说有 flex弹性布局、grid网格布局、table表格布局、定位布局、浮动布局） 哪种用的比较多呢？（我说flex弹性布局）14. 那你可以说一些 flex 的样式属性吗？（我说有flex-direction、flex-wrap、flex-justify、flex-align、flex: 1）15. 听到我说 flex 布局，面试官扔了到题目过来：用 flex 布局完成从左边的到右边的效果 alt text（P1）16. 手撕树形结构遍历：要求最后的结果为 28 alt text（P2）17. 继续回归项目：对于 jwt 认证保障的话，你可以说一下它大致怎么实现的呢？18. token 你是存在哪里的？（我说存在 localStorage 中） 为什么存在 localStorage 中？（我说一开始是想放在 cookie 中，但是刚好接触了 axios，然后进行封装，更方便）19. 你这7天过期的逻辑放在 localStorage 中是怎么做的呢？（我说我设计了长 token 和短 token） 面试官说这个方式没见过，比较有意思😄20. 短 token 过期，前端拦截到错误然后用长token做请求，那你这个逻辑岂不是接口会做一个重试的逻辑？那如果长 token 也过期了，那这个时候你会怎么做？（我说会跳转到登录界面，重新登录）21. 跳转界面是在前端还是后端做的重定向？（我说是在前端，axios 封装，错误码）22. 你前端做重定向的时候，你是通过什么样的一个 API 去做的？（我说是 window.location.href('/login')） 那你这种方式跟 location.replace('/login')、location.push('/login') 有什么区别吗？（我说 window.location.href('/login') 是会刷新页面的，而 location.replace('/login') 是不会刷新页面的）23. 你点的浏览器回退，你还是可以回到上一个地址吗？（我说直接退出到登录界面）24. 我看你另外一个项目设计了一个拖拽式布局，你可以说一下会用到哪些API吗？还是说你这个功能是通过第三方库实现的？（我说原来是自己写的，后面效果不是特别好，就用了第三方库，在 npm 上的 Allotment） 那如果让你用原生 JS，你知道要用到哪些 API 呢？（我说 mouseDown、mouseMove、mouseUp、mouseOut，监听鼠标的点击事件，获取鼠标的坐标，计算容器的宽度）25. 面试官说前端基础就面到这，我心想这还只是基础吗😭，然后反问：- 面试表现（提了一嘴 AI，平时有用过什么 AI 工具吗？）- 面试官说可以系统学习，多看书籍，知识点比较零散- TikTok 到底是负责什么的- 贵公司技术栈