一面（70分钟）

1. 盒模型是什么？
2. 下面代码中div的实际宽度是多少？

<style>
div {
    width: 200px;
    margin: 20px;
    padding: 10px;
}
</style>
<div>
</div>

3. box-sizing的意义是什么
4. 箭头函数的特点？
5. 临时性死区
6. js中有哪些基本类型？
7. 下面的代码输出什么？

function A(x) {
  this.x = x;
}
A.prototype.x = 1;
function B(x) {
  this.x = x;
}
B.prototype = new A(2);
const b = new B(3);
delete b.x;
console.log(b.x); // 2

8. 下面代码的输出顺序是什么？

new Promise(resolve => {
  console.log(1);
  resolve();
}).then(() => {
   console.log(4);
})
setTimeout(() => console.log(2), 0);
console.log(3); 

9. 在js中0.1+0.2===0.3吗？如果不相等如何解决？
10. HTTP协议的各个版本的特性都是什么？
11. HTTP3.0中为什么使用UDP？
12. 前端的优化策略有哪些？
13. 算法题：实现一个计算器，求字符串的值，例如((2 + (3 * 2) ) * (2 + 3) + (3 - 1) )

二面（60分钟）

1. js原型链

2. 下面这个div中字体的颜色会是什么？

   <style>
       .red {color: red;}
       .green {color: green;}
       .blue {color: blue;}
   </style>
   <div class="red blue green">
       hello word
   </div>

3. 从输入url到显示页面这个过程都发生了什么？

4. cookies、sessionStorage和localStorage的区别是什么？

5. HTTP中重定向的方式有几种？

6. www.baidu.com和www.bytedance.com；a.bytedance.com和b.bytedance.com；www.bytedance.com和bytedance.com有哪些会发生跨域？

7. 跨域问题如何解决？

8. 并发的jsonp如何区分数据返回后的回调函数？

9. 跨域如何发送cookie？

10. 如果A站点和B站点发生了跨域，在正确设置了跨域发送cookie的情况下B站点可以获取到A站点的cookie吗

11. 域名是为了语义化，方便人的记忆而产生的。而在混合开发（如手机app）中，访问后端却也是通过域名，为什么不直接使用IP？

12. 算法题：

    已知数组 a=[1,[2,[3,[4,null]]]], 实现数组 b=[4,[3,[2,[1,null]]]] ，考虑n级嵌套的情况

还有一些代码阅读题，记不清了

三面（60分钟）

1. 项目讲一遍
2. es5中的继承和es6中有什么不一样？
3. es6为什么加入class这个关键字？
4. es6为什么引入Promise对象？
5. Promise与es5中的callback编程有什么不同？
6. 手撕Promise.all()
7. 说说你对HTTP协议的了解
8. HTTP1.1中最多支持多少个TCP连接？
9. TCP/IP协议中断开连接的请求时谁发起的？
10. Get与Post的区别是什么？
11. 未来规划？三年之内想要达到什么样的状态
12. 算法题：LeetCode原题168. Excel表列名称

总结

字节面下来总体感觉面试官人都很好，不会的时候会给你一些提示，实在答不出来如果询问的话也会告诉你答案。因为我本身意向是要走后端的，hr把我推荐到前端岗位我就抱着试一试的态度没想到走到了三面，总的来说自己能走到三面更多的是幸运，但是三面面崩了。。。这次面下来反而有点想转前端了，接下来还是要多把前端的基础搞扎实。希望正式批的时候可以再续前缘。