腾讯音乐（暑期+日常）

04-22暑期一面（1h）

1. 自我介绍
2. 原型链
3. class怎么实现多继承？
4. 接着就来了一道手撕，实现多继承：
```js
  class A{}
  class B{}
  const n = extends(A,B)
  // n 既要继承A又要继承B
```

5. 说一下 js的事件循环
下面的代码打印什么？
```js
console.log(1);
setTimeout(() => console.log(3), 0)

function loop() {
  Promise.resolve().then(loop)
}
loop()
console.log(2);
```
6. 说一下协商缓存呢
7.断点续传是怎么做得？
8.什么是浏览器同源策略？
9.浏览器是怎么识别是不是同源呢？
10.预检请求用到什么方法？
11.你说一下有哪些预加载策略
12.虚拟滚动用到了那些API
13.webpack怎么分成多个chunk
14.那你说说splitChunk怎么配置呢？
15.你说一下dom的事件流动机制整体的一个过程（捕获和冒泡），详细说一下呢？
16.父元素触发的事件，怎么防止传递给子元素呢？
17.react 父组件更新怎么防止子组件不必要的更新
18.useLayoutEffect 和 useEffect的区别
19. requestAnimationFrame和 useLayoutEffect执行顺序呢？
20. react将useEffect异步延迟执行用到了什么api?
21. messageChannel是宏任务还是？
22. 怎么实现元素居中显示
追问：浮动怎么实现居中的？
23. position有哪些值
24. fixed相对于什么定位的
25. 怎么开启合成层呢？
26. 说说useMemo和useCallBack的区别
27. 那你来用useMemo来实现一个useCallBack呢？
28. 手撕
```
// 实现这个函数，并发执行多个promise任务：
function createRequestScheduler(concurrency = 2) {}

const scheduler = createRequestScheduler(2);
const task = (time, value) => () =>
    new Promise() <
    string >
    ((resolve) => {
        setTimeout(() => resolve(value), time);
    });
scheduler(task(1000, "A")).then(console.log);
scheduler(task(500, "B")).then(console.log);
scheduler(task(300, "C")).then(console.log);
scheduler(task(400, "D")).then(console.log);
```
反问了一下业务栈、面试表现

八股盛宴，被问麻了（已挂🥹）

5-12 酷狗音乐（日常）

一面（54min）

1.自我介绍
2.现在让你从0-1去做一个东西，你会考虑到哪些方面的问题
3.有哪些技术栈可以考虑以及他们的优缺点
4.这些大的框架有什么优缺点
5.这些框架在AI加持的情况下，聊聊他们各有什么优缺点
6.除了框架的选择，在代码设计的时候，你会考虑哪些问题
7.你在项目开发前有没有提前去思考一些性能问题以及后续怎么做优化
8.首屏加载优化手段
9.小程序从用户打开到页面呈现经历了哪些事情，这些事情有办法优化嘛
10.你了解光栅化和GPU渲染底层的一些原理嘛，做过类似的一些事情没🤡
11.（url输入到页面呈现）最耗时的地方在哪里？
12.http各个版本的差异区别
13.http的缓存策略
14.协商缓存会发起一个请求去检验是否过期，你知道这是一个什么请求么（options）
15.关于项目质量问题你是怎么去思考以及保证的呢
16.除了eslint可以保证质量外你觉得还有哪些方案
17.除了这些以及ai工具外还有哪些手段可以保证代码质量
18.你了解hooks的底层原理嘛
19.hooks中有哪些性能优化手段？
20.useEffect和useLayoutEffect的区别
21.遇到的一个困难的点是什么，以及你怎么思考怎么解决的
22.遇到一些重构，代码变动大的情况你怎么解决，怎么跟你mt沟通
23.有考虑使用多段框架嘛
24.平时是怎么关注和学习新的知识的
25.最近学了哪些知识？
26.你预期实习多久
27.反问技术栈业务、后续流程

二面(31min)

1. 自我介绍
2. 为什么选择前端
3. 讲一个做过的项目
4. 投屏演示项目
5. 为啥要搞这个项目
6. 为啥不做成app
7. 上一段实习为什么离职
8. 讲一下http状态码304
9. 有用过抓包工具么
10. 有了解前端安全问题嘛？（说了Xss和Csrf）
11. 了解过react Native么？
12. react和vue对比，一些细节实现差异等
13. 用过nodejs么
14. node的js引擎是哪个？是V8嘛？（我吧node的js引擎和驱动node事件循环的引擎搞混了🤡）
15. ai用的多么，用什么大模型，哪个效果更好（面试官：gemini不是谷歌的嘛🤡——因为我一时间想不起gemini这个词，就说成是微软的了）
16. 主要是vibCoding还是有用到一些工程化的东西
17. 有了解过Spectacle和Harness么？
18. 有用过Harness么，为啥没用过这些来辅助你提升效率？
19. 你自己有开发过什么mcp嘛？
20. 问另外一个项目
21. 分片上传怎么去做到分片
22. 后续在前端方向有什么规划么
23. 除了tme还面了其他公司嘛？
24. 反问公司前端后续的发展方向
25. 问后续流程

二面感觉答的不是很好，可能有点点寄了