字节广告业务前端

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

没有自我介绍讲一讲受控组件与非受控组件讲一讲虚拟domdiff算法中的key起什么作用讲一讲vite与webpack的区别为什么vite在开发过程中只处理被引用的模块为什么vite在生产环境中用rollup，在开发环境中用esbuild性能优化中的指标讲一讲webpack中的性能优化手段讲一讲react中的性能优化手段项目经历中的token无感刷新怎么实现的为什么实现文件下载用的是base64转换讲一讲websocket和sse代码题，括号匹配

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

1.自我介绍，项目介绍2. 你觉得Vue2和Vue3 的核心差异在哪里，哪些问题是 Vue3解决掉的3. vue3的proxy这个新的一个特性，那如果说深层的这种嵌套对象有没有遇到过监听失效的这种情况，怎么处理呢？3.看你做过报告解读，你们用这个ocr 怎么去处理这种识别的误差，或者说一些值的误差怎么办？比如说我给你的是一份体检报告，这个体检报告的格式有可能更不像我们医院的检验单，那么标准就是检验项目上面是表格检验的细项，有可能这个体检报告。它的格式。就每一份体验报的格式都不太一样，怎么办4. 虚拟 dom在哪些场景下，反而会有一些性能的瓶颈5. 你刚提到的大的数据量，我们虚拟列表你能讲一下吗...