快手商业化前端日常一面

面了四五十分钟，无手撕，可能KPI面大部分时间在聊项目最近有学什么新知识吗，讲讲学了什么什么时候开始学习前端，学习方式是什么讲讲css中的盒模型js中的基本数据类型有哪几种讲讲Symbol是什么，平时使用过吗原型是什么，原型链是什么闭包是什么，应用场景有哪些，使用闭包会有什么问题如果使用闭包造成内存泄漏，怎么解决了解浏览器底层如何执行js代码吗讲讲js的事件循环大概就聊了这么多八股，其余全是项目深挖，力竭了。

1. 面试官自我介绍2. 自我介绍一下3. 通信模块WebSocket有遇到什么难点或亮点4. 心跳包字段具体是怎么设计的？5. 聊天室场景实现了哪些消息体？6. 有实现撤回功能吗？撤回是怎么做的？撤回请求是 HTTP 还是 WebSocket？7. 消息的长列表有遇到什么性能问题吗？做了什么优化吗？8. 虚拟列表在什么时候才会有正向收益？9. 虚拟列表的原理，虚拟列表为什么能优化性能？10. Vue 和 React 的响应式原理，优缺点11. Proxy 相对 Object.defineProperty 的优点12. Proxy 的局限性13. 什么是闭包，闭包的作用和危害？14. JS 的原型链和事件循环15. 什么是异步？16. 获取 LocalStorage、浏览器 URL 的参数算异步吗？17. requestAnimationFrame 属于微任务还是宏任务？18. 聊一下你认知中的 CSS 移动端适配手段19. Flex 布局20. 算法：无重复字符的最长子串挂了。

自我介绍 学前端多久了 用过什么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...

一、手撕题 1. 版本号排序2. 事件循环输出题3. 限流调度，执行的任务数量不能超过两个二、AI 相关问题（开放性问题）1. 你经常使用 AI 工具吗？对 AI 的熟悉度2. AI 的一个场景，通过一个 SSE 去吐内容，你了解 SSE 是什么吗？流式输出它的那个内容是 Markdown，那前端要显示的这个内容，但是因为 Markdown 它可能一开始语法并不全，比如说举个例子，它加粗或者是画横线之类的，它一开始吐出的可能是一部分内容，这种情况下怎么去处理？3. 正常工作中的 AI 工作流是什么样子的？比如你要用 AI 能充分理解你的项目，让它了解你当前的上下文是怎么定义的，举个例子。4. 如果 AI 生成的代码都跟你当前的项目规范不太一样，或者说有冲突，这个时候1应该要做怎么样的约束呢？5. 当你项目比较大的时候，它不可能全盘的去读你整个项目，这样 token 会爆炸，这个时候怎么处理？三、八股1. 使用 new 操作符，整个对象操作会做什么事情？2. CommonJS 和 ES6 module 的区别3. 在 JS 中，比如 0.1 + 0.2，它是不全等于 0.3 的，什么原因？4. 浏览器的安全策略有哪些？5. 浏览器的渲染机制是怎么样的？6. 怎么去避免重排重绘？7. 进程通信方式有哪些？使用场景分别是什么？8. TCP 是怎么实现可靠传输的？9. http3.0 协议为什么要基于 UDP 去做？10. React Router 是怎么实现的？11. 微前端的JS沙箱和CSS沙箱是怎么实现的？（没有接触过微前端，所以直接说不会了）12. 正常开发项目时性能优化思路是怎么样的？13. 上线虚拟滚动之后你是怎么去监控它是否按预期实现？4.17一面半小时后通知通过，4.20二面（我已经挂过两次二面了，希望这次能通过...）