作者：行舟画 链接：https://www.nowcoder.com/discuss/665128?type=post&order=recall&pos=&page=1&ncTraceId=&channel=-1&source_id=search_post_nctrack&gio_id=3EB8F4DA34F6E607742764CE88DC6427-1638954088220 来源：牛客网 2021-05-28

字节前端校招三面面经

写在前面

我之前3月投过一次字节，很遗憾在三面挂了，4月份字节捞我起来问我愿不愿意再尝试一次，我想着再试一次吧，然后我就重新进入了笔试，面试流程。出乎我的意外，这三次的面试都没有算法题，下面来看吧。

下面的回答我都简化了，面试时肯定不能只说几句话了事。

一面（5.24）

1.首页加载缓慢，如何优化。回答服务器压缩文件，使用cdn,服务端渲染。 2.cdn是什么，为什么会快，如果没有要请求的文件会怎么做呢。 3.http缓存，强缓存，协商缓存的流程。 4.问我项目遇到的问题，引出跨域，简单请求，复杂请求，跨域解决方式。 5.编程题：将callback风格的函数调用改为promise风格，示例中使用了fs.readFile 6.编程题：数组扁平化

• 第一个版本实现，返回新数组（写出来之后要求在原数组之上修改）
• 修改原数组

二面（5.25）

面试官晚来了几分钟，好像是才开完会。

1. 介绍项目，这里说了一段时间。
2. 说说vue的响应式原理，computed以及watch，模板解析的过程，生命。
3. 宏任务微任务代码看输出
4. 浮点数计算精度问题解决（转为字符串计算或设定容忍误差）
5. js数的表示规范，就是IEEE754-64（1位符号位，11为阶码，52位尾数）
6. 实现深拷贝
7. 实现一个缓存功能的函数, 就是对一个函数处理之后，传入相同的参数应该使用缓存，而不必重新计算。

function add(...args) { //这是需要处理的函数，任意
return args.reduce((pre, cur) => {
  return pre + cur;
});
}
const memorize = (fn) => { //处理函数
let map = new Map();
return function (...args) {
  let keys = Array.from(map.keys());
  console.log(keys);
  let is = false;
  for (let item of keys) {
    is = args.every((val, index) => {
      return val === item[index]
    });
    if (is) {
      console.log('使用缓存')
      return map.get(item)
    }
  }
  console.log('重新计算')
  let r = fn(...args);
  map.set(args, r);
  return r;
}
}
const f = memorize(add); //调用
console.log(f(1, 2));
console.log(f(3, 4));
console.log(f(3, 4));
console.log(f(1, 2));
console.log(f(1, 2, 3));
console.log(f(1, 2, 4));
console.log(f(5, 6));
console.log(f(1, 2, 3));

1. 其他问题

   • 链表判断环
   • 8个小球，1个重量不同，用天平最少次数找出。
   • 100层高楼，2个鸡蛋最少次数找出摔碎楼层

三面（5.36）

1. 介绍项目，在这里引出了一部分后面的问题。
2. 项目做了移动端适配吗，没有，那你会如何考虑适配呢。
3. 为什么有的使用https，有的使用http呢，说说两者的区别。
4. 项目中用了flex布局吗，你一般将它用在哪里，述说flex-grow，flex-shrink,flex-basis三个属性，然后出了一道例题让我分析。
5. 项目中歌词解析咋做的，用正则，情景再现写一下。
6. 编程题：实现一个函数只能通过new调用，通过普通方式调用时抛出错误,并且每次返回的对象里的id属性要递增，不能使用全局变量。

const Dog = (function(){
  let id = 0
  return function() {
    if(!new.target) {
      throw new Error('error')
    }
    this.id = ++id
  }
})()

Dog()
new Dog()

结语还是要说的

幸好时间很短，凭记忆记了个七七八八，可能有问题遗漏了，现在看到的代码是我重写整理的，不过差别不大。总的体验来说，面试不算太难吧，但是有的问题让我感觉软绵绵的，不好回答，容易卡壳，跟之前不同的面试风格，不过这样也让我从多方面了解自己了。

其实我在春招中一共投了三次字节，一次简历挂，一次笔试挂，一次三面挂，三面挂之后捞我换部门面了一次（这个部门当时是直接二面的，没有一面），所以有一次二面挂，这一次我重新开始，又走到了三面，不过这一次我过了，缘起二月，缘落五月，兜兜转转，很是感慨，期间也面试了许多公司，例如滴滴三面挂掉，便利蜂二面挂掉等。

毕业季，是结束，也是开始，接下来的时间我们都需要加油。