秋招第三面:游卡前端一面(已过)

2025.9.3 看完阅兵就来面试了1. 自我介绍2. 为什么选择前端岗位？3. 问项目（性能指标、优化手段）4. 项目中的登录实现（Spring Boot、 Go、 MySQL、SHA256 + MD5、JWT）5. React 掌握情况6. React Hooks（常见 Hook、作用、自定义 Hook、应用场景、Token 存放位置：Session（更合适）、LocalStorage、Cookie、前端数据库；Cookie 有 XSS 风险）7. Vue3 性能优化（Vue 3.6 引入 Signal 库、Vapor 模式（无虚拟 DOM）、依赖收集机制优化状态更新）8. CSS 选择器优先级顺序：!important > 内联样式 > ID > class/伪类 > 标签选择器 > 通配符相同属性冲突：按优先级判定组合选择器：合并计算9. 代码题（单例模式、deepClone、最长公共子串）第十次面字节了求过

1. 事件循环相关代码输出分析（具体可以前往我的博客查看）2. 如何判断元素是否在视口3. 浏览器工具中的 ‘Performance’（性能）有什么用4. 如何提升首屏加载速度5. Vue中的 nextTick 有什么用6. 如何实现缓存7. 项目相关8. 从零设计一个组件，比如说弹窗组件，会考虑什么？如果需要自定义样式，可以怎么做？9. 项目中为什么要同时用Vite + Webpack10. 函数式编程，面向对象编程和过程式编程之间的区别是什么11. 手撕：拍平数组并且去重和排序，括号匹配12. 如何学习新的技术栈，印象深刻的学习经历

📍面试公司：小红书🕐面试时间：9.5💻面试岗位：前端❓面试问题：全程没有问八股，只有项目拷打面试官就刚开始开了摄像头，后面都关着，然后问我的问题也很宽泛，直接拷打了我的项目，觉得哪个项目有亮点，全让我自己说...因为我简历有写到二次封装 antd，问了我对 antd 熟悉不，问了我 antd 为什么要封装 table 和 form 这样的组件然后我有讲到技术栈 nextjs，问了我 nextjs 与 antdpro 的区别（实际我没用过 antdpro，只说了 ssr 和 app router...），然后又问了我nextjs ssr 原理，我只讲了怎么使用...最后让我反问，我说团队招什么样的人才，面试官说聪明、有技术、能搞科研🙌面试感想：明显的 kpi 面吧...以为问问八股怎么也能面 40 多分钟，没想到 20 分钟就结束了😭

1.React的Fiber架构是什么数据结构，为啥 2/2 2.组件渲染中触发setstate，怎么调度3. usestate本质是啥4. useeffect和uselayouteffect有啥区别5.TS中type和interface有啥区别6. interface和type在有重名的情况下分别会怎样7.用TS实现一个Pick，怎么实现8.Vite和Webpack有啥区别，hmr、生产环境都怎么实现的9. node事件循环和浏览器的事件循环 差别10.为啥nodejs选用express框架11. websocket怎么做保活、长连接和心跳检测12.为啥选用chart.js做图标库13.能讲讲...