小红书前端一面面经

部门是社区工程部-社区技术项目&自我介绍 略八股：Ref 和reactive的区别，什么场景下用reactive比较好什么时候用Ref 和reactive， 什么情况下用父子传值比如props, emits；用户数据应该怎么传值CSS怎么进行水平居中？为什么left之后还要margin-left微调？行内文本比如text怎么进行垂直居中（line-height父子一致高度）怎么对图片进行旋转45度（transform: rotate(45deg))首屏加载时 图片后加载会有一个跳现的问题，怎么解决=》骨架屏占位骨架屏占位时，图片大小不一，移动端怎么知道这个图片多大=〉固定比例，锁定比例和宽高了解互动渲染相关吗（不了解，那就不问了）手撕：防抖已知敌人坐标数组，发射中心数组，发射范围，最多攻击人数，写一个函数 输出被攻击的人的坐标反问：有什么建议：挺好的，可以去了解一下互动渲染相关组的技术栈：vue3( h5) + rn + Lottie + Canvas 2D + Babylon.js(3d)组是做什么的：主要做小红书的宠物小伙伴小游戏,还有一些社区相关的比如感想：社区工程相关似乎都喜欢问CSS和性能相关，毕竟业务跟这方面关系很大。面试官非常温暖，一直在说“自家人，不用紧张”。认识我的前mentor和同事们，看到简历就知道我之前是在哪个组实习了（虽然我没有写出来）。中途面试间时间到了我被赶出来重新找面试间，也没有生气。体验最好的一集

感觉凉了，面试官人很好，是我太菜，发发面经攒人品1、自我介绍2、问问项目3、vue响应式原理，具体怎么实现的4、场景题：多层级怎么进行组件通信，结合具体例子5、跨域是什么？6、事件循环机制7、304状态码，协商缓存，浏览器有哪些缓存策略8、结合实习你觉得ai能够对业务有什么帮助9、web端和h5端开发你觉得区别在哪里？10、js手写，没写出来还有些忘了反问环节：做什么业务的？我的面试还需要什么改进地方？面试官说我基础不扎实，简历上的内容不是很了解

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

项目拷打最深的一集，不停地被打断和否定，短短的35min带来了深深的阴影第一次在面完后产生了自己一无是处的感觉，以为自己挂定了偷偷跑去厕所哭无手撕自我介绍太长了，直接打断现在在面什么公司，xhs的优先级如何项目技术上有什么亮点和创新点，深入说说 =》 讲了简历上的两个，都觉得不够难，也没觉得不够创新深挖项目中的技术，都觉得不够深XD 甚至指出我的解决方式绕了弯路为什么微信多次分享的时候url会变你在实习中有没有主动做过什么推进你在实习中有没有做过性能优化 =》 说了一下ssr的， 觉得不算我做的，也不算性能优化什么情况下会http返回304，服务端需要在请求头上做什么配置反问：建议 =》 希望在技术深度上想多一些，遇到问题能挖到底对候选人的要求 =〉 技术过硬， 够聪明，够主动， 喜欢深挖问题结果：当天下午说过了，约hr面。特别惊讶。