Bilibili前端面经

部门是社区工程部-社区技术项目&自我介绍 略八股：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和同事们，看到简历就知道我之前是在哪个组实习了（虽然我没有写出来）。中途面试间时间到了我被赶出来重新找面试间，也没有生气。体验最好的一集

本周面试全部结束，开泡！发点面经攒攒RP，许愿OC2025.9.2 HRBP面 40min自我介绍 （秋招第一次HRBP面有点紧张，一口气说了一通然后愣住了hhh 好丢脸）你对小红书的印象在实习中的经历，承担的角色，主要攻克的一些问题，遇到的挑战gap了一年是为什么，为什么跨考转专业，喜欢软件和前端开发的原因是什么最近有学新技术吗，从什么时候开始学的7月为什么离职小红书实习时对mentor的印象，他对你有没有什么建议，你觉得他说的对吗以往经历中让你suffer的点未来3年对自己的规划反问：不要太紧张；base可以自己选择北京上海；周末有技术沙龙；boss面是部门的负责人面，技术出身，同时偏综合2025.9.5 boss面 30min自我介绍和项目介绍近两年你觉得能够做得更好的一件事评价一下你自己的个人优缺点挑一个项目中你遇到的技术挑战，说一下整体的解决思路你说你涉猎比较广泛，你一般是怎么去进行新知识的探索学习的？你在这个过程中是怎么用AI的，是进行一些信息的检索，还是打demo去做？有没有你觉得有代表性的，真正做起来的东西？反问，社区工程部的业务：前端一组主要for端内，主要是rn，还有for运营的低代码平台，除此之外还开始做ai coding相关的；前端二组更偏端外的技术，比如各种跨端的自研工具等等，没有那么toc和交互。

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

全程大概40min1. HTTPS请求从用户发起到到接收数据的整个过程2. HTTPS和HTTP的区别3. HTTPS如何防止数据被篡改的4. 为什么需要4次挥手5. JS运行机制和浏览器底层原理项目拷打手撕： m×n的螺旋矩阵