小红书前端(已oc)

部门是社区工程部-社区技术项目&自我介绍 略八股：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.实习项目在业务上有哪些指标，目标是多少4.组件库重构的过程中有什么难点？5.框架选型Vue和React会考虑什么因素？为什么会用Vue3？6.有没有处理线上故障的经验？7.项目是自己写的吗？后端是谁做的？8.ai项目有什么难点？ai用的哪个模型哪个版本？是否有本地部署？9.ai方面的知识有什么了解？是否了解transformer和注意力机制？10.和后端是怎么对接的？如果有些功能可以前端做也可以后端做，会怎么考虑？11.有没有用过部门的产品？有没有投其他公司？流程到哪里了？职业规划，兴趣爱好12.反问 #发面经攒人品#

一面只录了一半，AI总结的是知识点:通话记录为技术面试内容，涉及CSS布局、JavaScript异步机制、内存泄漏等前端知识点讨论。1.会计元素类似于div，行业元素则类似span或p，用于显示内容，而块级元素在布局中未被深入讨论。2.实现垂直水平居中的方法有多种，包括使用flex布局、justify-content与align-items、表格布局、绝对定位配合transform等。3.绝对定位居中可通过设置top和left为50%，再用transform平移自身宽高的一半实现，适用于未知子元素尺寸的情况。4.v-if与v-show的区别在于v-if是条件渲染，不满足时不会创建元素，而v-show是通过display控制显隐，始终渲染。5.重排指元素尺寸变化导致页面布局重新计算，重绘则是样式改变但不影响布局，如颜色变化，两者均影响性能。6.JavaScript基础数据类型包括number、string、boolean、symbol、null、undefined，其中symbol表示唯一值，BigInt用于大整数。7.setTimeout设为0仍是异步任务，会进入宏任务队列，微任务优先于宏任务执行，Promise.then属于微任务。8.async函数的实现原理。9.Promise有pending、fulfilled、rejected三种状态，支持链式调用和错误捕获；async/await需用try-catch处理异常。10.浅拷贝复制对象的引用地址，修改副本会影响原对象；深拷贝创建新内存空间，副本与原对象独立互不影响。11.深拷贝适用于需独立操作数据的场景，如代码编辑器左右对比，避免修改右侧影响左侧原始数据展示。12.线程是CPU调度的基本单位，在内存中运行，进程是资源分配的基本单位，一个进程可包含多个线程。13.JavaScript是单线程语言，因需协调DOM渲染与脚本执行，避免并发冲突，通过事件循环机制处理异步任务。14.判断括号匹配可用栈结构，左括号入栈，右括号出栈比对，最后检查栈是否为空以确定是否完全匹配。15.HTTPS相比HTTP更安全，通过SSL/TLS加密传输数据，包含客户端请求支持算法、服务端返回证书、密钥协商等步骤。16.HTTPS加密过程包括客户端发送支持版本与算法、服务端选择并返回证书、客户端验证证书后协商密钥完成加密通信。17.前端安全漏洞包括XSS（恶意脚本注入）、CSRF（跨站请求伪造），可通过转义输入、设置HttpOnly、双重验证等防范。18.合并两个有序链表时，先判断是否有空链表，再比较节点值，将较小者接入新链表，直到某一链表为空后接上剩余部分。19.设计模式常见有工厂模式（统一创建对象）、单例模式（确保唯一实例）、装饰器模式（动态添加属性）、观察者模式（状态通知）。20.代理模式通过代理对象控制对目标对象的访问，可用于延迟初始化、权限控制、日志记录等场景。21.代码质量评估包括性能（加载速度、内存泄漏）、安全性（敏感信息暴露）、可维护性（注释清晰、易于理解）。22.内存泄漏常见场景包括未释放的大数组、未解绑的事件监听器，尤其在页面卸载时未清理会导致持续占用内存。二面:纯聊天基本信息，学历经历，学校项目的经历，实习经历，实习过的公司对比想去哪，ai coding写一个支付界面，爱好，讨论ai coding的前景，反问面试官说还有三面，求通过🙏

1.写一个双向链表2.哈希表是什么样的数据结构，key value在内存里是什么布局3.链表与数组相比，时间复杂度如何4.JS中最大能表示什么数，超出怎么处理5.讲讲对HTTP协议的了解6.UDP传输的数据会丢失，怎么解决7.UDP协议除了丢失，内容会有变化吗?会出错吗?硬件会有问题吗8.校验的时候，是什么样的算法是好算法9.JS里如何管理内存10.举例子说怎么分配内存