米哈游前端日常实习二面

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