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分钟左右，基本没有八股，基于实习和项目深挖；感觉强度有点高，主包面的时候已经汗流浃背了，以及第二个手撕题看到的时候真的是两眼一黑，感觉寄了哈哈

项目持续追问到答不出来为止 八股在主应用中，如何获取异步加载的Script标签里的实例设备老旧、ES Module在部分浏览器跑不起来时，如何实现异步实例获取Tree Shaking运作的关键概念和逻辑是什么 手撕将一维数组转换为树结构数组实现手写Semaphore类如何实现并发控制

难用的招聘网站蜗牛一样的流程蝗虫一样的 hr乱七八糟的岗位描述投的通用软件给我变成 ai 软件纯浪费时间真他妈恶心