站点工具

用户工具


作者:行舟画 链接: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()

结语还是要说的

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

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

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

方应杭 · 2021/12/08 18:43 · 前端面经_字节43.txt