作业帮前端社招

1面

一堆看代码说输出的题【描述】

就是this、变量提升、闭包、event loop说输出的那些基础题。这些必须秒答出来且答对，基础一定不能有差错

项目介绍【描述】

cache-loader有什么坑，缓存错误怎么解决【描述】【举例】

面试官提到，他们做一个可视化编辑页面的系统，对组件使用了cache-loader，开发中有时候出现缓存错误的文件的问题。他说他们遇到了这个问题，暂时没有解决，叫我猜想一下，可能是什么原因导致的。我说应该是开发过程中，修改了被引用模块/引用模块、或者切换git分支，需要自己删除掉node_modules/.cache或者重启dev server。

编程题，9选3（15min）【编程】

• 实现bind(送分)

• 防抖&节流(送分)

• settimeout实现interval(注意和普通的要无差别体验)

  ;(() => {
  const list = new Set();
  function myInterval(fn, ms) {
    const ref = {};
    const exec = () => {
      return setTimeout(() => {
        fn.apply(null);
        const timer = exec();
        ref.current = timer;
      }, ms);
    };
    ref.current = exec();
    list.add(ref);
    return ref;
  }
  
  function myClearInterval(ref) {
    clearTimeout(ref.current);
    list.delete(ref);
  }
  window.myInterval = myInterval;
  window.myClearInterval = myClearInterval;
  })()

• 字符串大小写反转(送分)

• 节点是不是属于某个节点下(当时我写了一个不带parentid的版本，要自己一层层搜。如果带parentid的，就简单很多了，测试用例你自己写，他们也没有给出)

• 反转链表(常规题)

• 合并数组['a', 'b'], [1, 2, 3] => ['a', 1, 'b', 2, 3] (送分)

• 合并有序数组 [1, 5], [2, 5, 6, 8] => [1, 2, 5, 5, 6, 8] (常规题，而且比合并有序链表还要简单一些)

• 一堆数字字符串组成最大数是多少[50, 2, 5, 9] => 95502 (贪心)

  function getMaxNumber(arr) {
  return arr.reduce((acc = '', cur) => Math.max(+`${acc}${cur}`, +`${cur}${acc}`));
  }

  都属于比较简单的且经典的，可以当作练练手。毫不夸张的说，实现interval和最后一题稍微能扛多一阵，其他的那些经典的题，如果大家平时了解过的都可以秒杀的。

编程题说9选3，但是作为有追求的人，除了面试过了拿offer，还应该追求高评价，拿到更多的薪水和更高的定级。那么，15分钟内甚至10分钟内，把它们全部写了吧。平均每题不用1分钟，单链表和判断节点祖先花了一点时间写测试用例。我是从最后一题开始倒着做的，面试官看着都呵呵笑了，说继续干，有时间就继续，可以可以！最后口头问了一下如何判断链表有没有环，我说快慢指针。

2面

说项目，深挖【描述】

react生命周期和diff算法【描述】

新的、旧的，hook替代的。树、组件、列表三种diff(故意引话题，等他问key)

key的作用【描述】

复用元素，描述一下有key的列表diff过程(果然问了key)

内部系统配置页面不写或少写代码的实现思路【描述】【举例】

新建页面 => 设置配置、db => 新页面onload => 拉配置，根据db的字段和配置渲染表格 => 配置不能满足的使用装饰器劫持实现个性化 => 业务代码&框架代码分离(微前端架构)

多框架、历史页面怎么解决【举例】

旧页面iframe、新页面走上面的流程，多框架使用external + 动态引入 后面我问问题的时候，发现他们的基础设施、开发流程有一些可以优化的地方，我说了一些自己的看法，面试官挺开心的样子，说回去看一下