字节抖音电商一、二、三面面经

一面（70分钟）

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

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

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

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

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

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

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

二面（60分钟）

js原型链

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

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

从输入url到显示页面这个过程都发生了什么？
cookies、sessionStorage和localStorage的区别是什么？
HTTP中重定向的方式有几种？
www.baidu.com和www.bytedance.com；a.bytedance.com和b.bytedance.com；www.bytedance.com和bytedance.com有哪些会发生跨域？
跨域问题如何解决？
并发的jsonp如何区分数据返回后的回调函数？
跨域如何发送cookie？
如果A站点和B站点发生了跨域，在正确设置了跨域发送cookie的情况下B站点可以获取到A站点的cookie吗
域名是为了语义化，方便人的记忆而产生的。而在混合开发（如手机app）中，访问后端却也是通过域名，为什么不直接使用IP？
算法题：

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

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

三面（60分钟）

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

总结

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

#字节跳动秋招提前批##面经##字节跳动##前端工程师#