前端知识点

90 阅读1分钟

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