目录
作者：行舟画 链接：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）
面试官晚来了几分钟，好像是才开完会。
- 介绍项目，这里说了一段时间。
- 说说vue的响应式原理，computed以及watch，模板解析的过程，生命。
- 宏任务微任务代码看输出
- 浮点数计算精度问题解决（转为字符串计算或设定容忍误差）
- js数的表示规范，就是IEEE754-64（1位符号位，11为阶码，52位尾数）
- 实现深拷贝
- 实现一个缓存功能的函数, 就是对一个函数处理之后，传入相同的参数应该使用缓存，而不必重新计算。
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));
8. 其他问题 - 链表判断环 - 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()
结语还是要说的 幸好时间很短，凭记忆记了个七七八八，可能有问题遗漏了，现在看到的代码是我重写整理的，不过差别不大。总的体验来说，面试不算太难吧，但是有的问题让我感觉软绵绵的，不好回答，容易卡壳，跟之前不同的面试风格，不过这样也让我从多方面了解自己了。 其实我在春招中一共投了三次字节，一次简历挂，一次笔试挂，一次三面挂，三面挂之后捞我换部门面了一次（这个部门当时是直接二面的，没有一面），所以有一次二面挂，这一次我重新开始，又走到了三面，不过这一次我过了，缘起二月，缘落五月，兜兜转转，很是感慨，期间也面试了许多公司，例如滴滴三面挂掉，便利蜂二面挂掉等。 毕业季，是结束，也是开始，接下来的时间我们都需要加油。
