一面

• 自我介绍
• 拷打实习，项目难点和亮点
• Jenkins有什么缺点
• ANSI字符是什么，如何对它进行转译
• 日志量太大具体有多少，为什么会导致页面崩溃，做了什么优化
• 虚拟列表优化
• LightHouse自动化方案的实现
• 手写题：class私有属性 两种实现方法
• React Fiber产生的背景
• Virtual DOM
• 手写题：实现一个Virtual DOM 和 diff 算法
• 浏览器缓存
• 反问

二面

• 自我介绍
• 挑一个比较有代表性的项目讲
• 开始拷打实习
• 从webpack迁移到vite是怎么做的，后续又遇到什么问题吗
• SEO常见的做法
• 代码输出题1

JavaScript this 考察 
题目描述 
描述信息
下面代码输出的结果是什么？
var length = 10;
function fn() {
return this.length+1; 
} 
var obj = { 
length: 5, 
test1: function() { 
return fn(); 
} 
}; 
obj.test2=fn; 
//下面代码输出是什么 
console.log(obj.test1()) // 11
console.log(fn()===obj.test2()) // true

• 代码输出题2

async function async1() 
{ 
console.log('async1 start') 
await async2() 
console.log('async1 end') 
} 
async function async2() { 
console.log('async2') 
} 
console.log('script start')
setTimeout(function () { 
console.log('settimeout') 
}) 
async1()
new Promise(function (resolve) {
console.log('promise1') resolve()
}).then(function () { 
console.log('promise2') 
}) 
console.log('script end')

//script start
//async1 start
//async2
//promise1
//script end
//async1 end
//promise2
//settimeout

• 算法题：n对括号的所有合法的组合
• 算法题：三数之和
• 最近有研究什么新技术吗，开始扯LightHouse自动化方案
• 能提前来实习吗
• 还面了哪些公司，进度怎么样了
• 反问

三面

• 自我介绍
• 你是非科班，有学计算机相关的课程吗
• 什么时候开始学习前端的，有做什么系统性的学习吗
• 工作室的考核当时遇到最大的挑战是什么
• 实习做的SEO优化，具体是哪些手段，最有效的是哪些
• 同构直出方案
• SEO优化这些在浏览器内也是生效的吗，还是只是在node上做的优化
• 聊前端性能相关的一些优化
• 又开始吹LightHouse自动化方案
• 实习过程做了哪些性能优化
• 图片格式优化是怎么常态化做的
• webp有兼容性问题吗
• QQ音乐这边的开发流程是什么样的
• 会员支付这一块，在前端安全相关有做什么措施
• 常见的前端安全相关
• QQ音乐没有校招名额吗（已经转正失败力）
• 算法题：大数相加
• 算法题：字符串解码
• 手写题：用 react 实现一个树形目录数组件，支持目录树的展示和点击展开收起操作
• 反问

四面

• 自我介绍
• 拷打简历， 简历上写到的全问了一遍
• 剩下的时间就是再聊实习业务和写题
• 算法题：最大数组和
• 算法题：反转链表二
• 算法题：LRU缓存
• 反问

五面 HR面

常规的HR面问题，没啥好说的，面了40min，有点刁钻

后面接到HR的电话，突然说要在加一轮部门交叉面

基本每一面都是秒过，隔了半小时HR就说通过了

六面 交叉面

9月2更新，面完秒挂…

跳楼了