腾讯音乐前端

1. 浏览器从输入 URL 到页面渲染 2. HTML 渲染过程 3. JS 的解析内容 4. JS 事件循环机制执行主线程任务（同步任务）→ 遇到异步任务放入任务队列 → 栈清空后事件循环调度任务 → 每轮循环执行一个宏任务，之后清空所有微任务。 5. 浏览器与 Node.js 的事件循环区别浏览器：单宏任务队列，每轮循环：1 宏任务 → 清空所有微任务。 6. Vue2 vs Vue3 响应式区别Vue2 用 Object.defineProperty，只能劫持已有属性；Vue3 用 Proxy，可代理整个对象，支持属性新增/删除和数组下标修改。 7. Vue3 自定义响应式通过 reac...

今天线上一面，问了20分钟项目，然后问我项目是不是都用的vue，我说实际做项目正好都是的，然后他就啥都没问，说结束了，问我有啥想问的😅结果就是退出面试之后几分钟，牛了发消息说今日面试已结束，好家伙本就不顺利的秋招更是雪上加霜😩

1. 实现一个元素的垂直水平居中，你知道有哪几种方法？2. 讲讲你对 JavaScript 闭包的理解，平时在什么场景下会用到它？3. 核心代码模式算法题：字符串变形4. 聊聊浏览器的事件循环机制吧，宏任务和微任务的执行顺序是怎样的？5. Vue 3 的响应式原理是怎么实现的？和 Vue 2 有什么不同？6. 如果一个页面的首屏加载需要 5 秒，你会从哪些方面入手，把它优化到 1 秒以内？7. Webpack 的代码分割（分包）做过吗？一般会怎么配置？8. 在实现深拷贝的时候，如果遇到循环引用的问题，该怎么解决？9. React Hooks 里的 useEffect 和 useLayoutEf...

1. 你在封装自定义拖拽指令的时候用到了 clientX/Y，知道它和 pageX/Y 的区别吗？2. 绘制图形使用 SVG 的优点是什么？绘制大量图形时会有性能瓶颈吗？该如何解决？3. 什么是同源限制？为什么有同源限制？postMessage 有同源限制吗？4. postMessage 只能传输怎样的数据？如果我想传输函数，DOM 节点这些不能序列化的数据该怎么办？5. 多个浏览器标签页之间能用 postMessage 通信吗？如果不能，有哪些方法实现？（localStorage + storage 事件，BroadcastChannel，SharedWorker）6. 为什么使用 RxJS 包装流式数据？说一下 RxJS 中的常见概念和操作符？除了 RxJS 你还调研过其他方案吗？7. 虚拟列表如何实现的？有哪些实现方案（定高，不定高，数据懒加载）？不定高虚拟列表的实现思路？数据懒加载和分页的逻辑类似吗？手撕：1. 实现一个工具类型，返回一个数组中每个元素的类型组成的联合类型2. 实现一个工具函数，将一个带有缩进关系的字符串转为具有对应层级关系的树，如图1所示总结：时长40分钟左右，基本没有八股，基于实习和项目深挖；感觉强度有点高，主包面的时候已经汗流浃背了，以及第二个手撕题看到的时候真的是两眼一黑，感觉寄了哈哈