1. 你说你用过qiankun,说一下qiankun有没有做js和样式隔离,它是怎么做的?
1.1 你用qiankun有没有遇到什么问题?
1.2 qiankun对比其他微前端框架的优缺点有哪些?
2. 说一下你用过的React Hooks
2.1 你用过useCallback,有注意到它里面的状态不是最新的吗?如何处理这个问题?
2.2 说一下useEffect和useLayoutEffect当中return的执行时机
2.2.1 useLayoutEffect当中的return在fiber更新的哪个阶段(beMutation、mutation、afterMutation)执行?
3. 你用过Lighthouse,你能说几个它的性能指标及其含义吗?
3.1 你是如何用Lighthouse做优化的?
3.2 在不用Lighthouse时,你如何做性能优化?
4. 对requestAnimationFrame的了解,它和宏任务微任务的执行顺序是怎样的?
5. react的legacy模式和concurrent模式之间的区别?
6. async/await是如何实现generator语法糖的?
7. WeakMap 和 WeakSet 和 Map、Set的区别?
-
Set
- 成员唯一、无序且不重复
- [value, value],键值与键名是一致的(或者说只有键值,没有键名)
- 可以遍历,方法有:add、delete、has
-
WeakSet
- 成员都是对象
- 成员都是弱引用,可以被垃圾回收机制回收,可以用来保存DOM节点,不容易造成内存泄漏
- 不能遍历,方法有add、delete、has
-
Map
- 本质上是键值对的集合,类似集合
- 可以遍历,方法很多可以跟各种数据格式转换
-
WeakMap
- 只接受对象作为键名(null除外),不接受其他类型的值作为键名
- 键名是弱引用,键值可以是任意的,键名所指向的对象可以被垃圾回收,此时键名是无效的
- 不能遍历,方法有get、set、has、delete