字节前端校招三面面经

写在前面

我之前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) =&gt; {
  return pre + cur;
});
}
const memorize = (fn) =&gt; { //处理函数
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) =&gt; {
      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));

8.其他问题

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

三面（5.36）

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

第一版
第二版（提醒我闭包实现）

结语还是要说的

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

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

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

#面经##校招##字节跳动##前端工程师#