D5渲染器校招ing 技术氛围好 不卷

一面只录了一半，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的前景，反问面试官说还有三面，求通过🙏

时长：30min1.自我介绍2.为什么选择欣旺达公司以及这个岗位？3.分享一个你的项目经历，你遇到了什么困难？4.你对工作岗位的地点要求？5.分享一个你学生干部的经历，如何处理团队中的分歧的？你承担了什么责任？6.你在求职过程中比较看重哪些点？7.如果进来一段时间后发现不适合这个岗位怎么办？8.怎么看待加班9.反问环节：反问培训机制、转正时间

1.图文上传流程2.如何解决图片上传的负载3.不同文件预览的挑战4.讲一下自定义hook5.讲一下Vue2 和vue3 的差异6.vue3解决了vue2的什么问题7.react对比vue的差异8.了解性能优化，在网络层面讲一下优化9.301 和 302区别10.浏览器缓存的策略11.具体是怎么触发缓存12.css的动画中，给一个元素写一个动画，又给它绑定了js点击事件，会生效吗13.反过来，js的代码会不会影响css14.盒子模型，width:100 padding:100 宽度是多少手撕：对于一个数组（长度>=3）进行乱序排序，要求每个元素不会落到原来位置，且落到其他位置的概率相同：function derangementShuffle(arr) {const n = arr.length;// 复制数组，防止修改原数组const shuffledArr = [...arr];// 1. 使用 Fisher-Yates 洗牌算法进行初步打乱for (let i = n - 1; i > 0; i--) {const j = Math.floor(Math.random() * (i + 1));[shuffledArr[i], shuffledArr[j]] = [shuffledArr[j], shuffledArr[i]];}// 2. 检查并纠正还在原位的元素for (let i = 0; i < n; i++) {// 如果当前元素还在原位，需要进行交换if (shuffledArr[i] === arr[i]) {let j = (i + 1) % n; // 从下一个位置开始找// 找到一个可以交换的元素while (shuffledArr[j] === arr[j] && j !== i) {j = (j + 1) % n;}// 进行交换[shuffledArr[i], shuffledArr[j]] = [shuffledArr[j], shuffledArr[i]];}}return shuffledArr;}// 示例const originalArr = [1, 2, 3, 4, 5];const derangedArr = derangementShuffle(originalArr);追问：这段代码的时间复杂度是多少反问：1.业务2.几面

9:10 投递简历9:16:一面9:18:二面9:24:三面9:25:HR面一面:一面60min1.自我介绍,多久到岗?2.手撕:栈模拟实现快速排序3.for-tencent性能优化主要是做了哪些事情?4.内核版本的优化,不会导致内存使用变多吗?怎么分析性能优化的瓶颈?5.进程间通信的方式?线程间通信的方式?中间件了解吗?缓存?数据库杂咋用的?6.你们10秒落盘一次json数据,不会太多吗?全量数据还是统计日志?7.为什么是json?和上下游怎么交互的?web端聚合统计?8.对比一下pb和json的优缺点,什么场景下用哪个?除了xm1,还了解哪些协议?不需要解析的?9.设计模式了解哪些?手写一...