记之前的快手前端一面

1. 介绍React的hooks（useMemo、useCallback、useEffect、useLayoutEffect）2. 如何用React hooks模拟生命周期？比如组件初始化时的初始化工作怎么做？3. 多人协作开发时，代码管理的流程和冲突解决方式是怎样的？4. 做过的项目中如何做移动端适配？5. 有没有了解过iOS/安卓端的适配差异？6. 项目中做了哪些性能优化？优化的思路是什么？7. 无限层级文件夹管理的懒加载是纯前端渲染控制，还是结合后端接口？树结构的确定时机是怎样的？8. 项目的用户认证是如何实现的？9. 实时文本编辑的同步策略是什么？断网时的内容如何处理？10. WebSocket断联后的重连策略是怎样的？11. 了解过SSE吗？如果用SSE替换项目中的连接机制，该如何实现？12. 项目的权限设计是怎样的（发布者/接单员的权限隔离）？13. 复杂表单的状态管理与校验如何实现？新增动态表单输入项的流程是怎样的？14. 有效的括号（hot100原题 简单）

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

面试时间：4.20晚上7点 时长35min面试官很友善，也很年轻，给我很强烈的一种公式的味道，从八股到项目到ai到手撕，特别强烈的公式感1. 自我介绍2. 讲一下浅拷贝和深拷贝的区别。3. Vue3 相比 Vue2 有哪些优点和升级？4. 你怎么理解 Vue3 里的 Hooks / 组合式逻辑？5. 你有没有自己封装过 hooks？适合在什么场景下封装？6. 讲一下 Vue 里的虚拟 DOM，它主要解决什么问题？7. 从输入 URL 到页面最终渲染出来，中间发生了什么？8. 多人协作开发时，Git 分支一般怎么管理？9. 如果你往公共分支提交了一段有 bug 的代码，怎么安全撤回？10. 你有了解或使用过 React 吗？11. 介绍一下你的 AI 对话平台项目，项目规模、页面结构和你负责的部分分别是什么？12. 你项目里用了 SSE，如果里面混合了文本、图片、视频，你会怎么处理？13. 你项目里的本地持久化机制是怎么做的？为什么用 Pinia 和 LocalStorage？14. 如果会话数据不断增长，LocalStorage 超出容量上限了怎么办？15. 如果把 SSE 改成 WebSocket，能力上能不能完全对齐？有哪些差异？16. 介绍一下你的通用后台管理系统项目，这个项目的难点是什么？17. 你们上传的文件一般是什么类型？18. 分片上传的分片策略是怎么设计的？为什么用这个阈值？19. 分片是越多越好还是越少越好？怎么权衡？20. 讲一下断点续传的完整实现流程。21. 秒传是怎么做的？核心判断依据是什么？22. 你做的前端性能优化有没有量化效果？怎么测出来的？23. 你平时学习前端主要通过哪些渠道？24. 你最近有了解哪些前端相关的 AI 工具？25. 你怎么理解 Skills？26. 手撕：LC20. 有效的括号27. 反问

1. 判断一个对象是否是 Promise（使用TypeScript）面试写法 function isPromise<T = any>(val: any): val is Promise<T> { return ( val !== null && (typeof val === 'object' || typeof val === 'function') && typeof val.then === 'function' ) } 面试讲解要点核心标准不是 instanceof Promise Promise 的本质：thenable（拥有 ...