字节跳动前端开发工程师视频面（2019）

面试开始，省去自我介绍，直接开问：

---

Part1:

1. 了解TCP和UDP吗
2. 说三次握手
3. 为什么不是两次握手
4. 了解编码吗，哈夫曼编码了解编码吗，哈夫曼编码
5. 说说进程和线程的区别

Part2:

开始做题

第一题：
始终需要满足以下条件：
• A元素垂直居中于屏幕中央；
• A元素距离屏幕左右边距各10px；
• A元素里面的文字”A”的font-size:20px；水平垂直居中;
• A元素的高度始终是A元素宽度的50%; (如果搞不定可以实现为A元素的高度固定为200px;)
请用 html及css 实现

---

TODO

第二题：
请说出以下代码打印的结果
• if ([] == false) {console.log(1);};
• if ([]) {console.log(3);};
• if ({} == false ) {console.log(2);};
• if ({}) {console.log(2);};
• if ([1] == [1]) {console.log(4);};

控制台输出：
1 3 2

---

TODO

原理解释：

1. JavaScript里面如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。

类型	0	-0	“”	null	NaN	undefined	其他情况
Boolean值	false	false	false	false	false	false	false

2. 空数组[]和空对象{}都是object类型：

console.log(typeof []); // 控制台输出：object
console.log(typeof {}); // 控制台输出：object

3. 空数组[]转化为Number，会得到0；空对象{}转化为Number，会得到NaN：

console.log(Number([])); // 控制台输出0
console.log(Number({})); // 控制台输出NaN

4. 关于[]和{}需要注意的点：
   （1）空数组[]和空对象{}都是object类型，因此直接用于if判断条件时就会被转化为 true。
   （2）任意值与布尔值比较，都会将两边的值转化为Number。
   (3) 如果将空数组[]与布尔值false比较，false转化为0，而空数组[]也转化为0，因此[] == false的判断得到true。
   (4) 如果将空对象{}与布尔值false比较，false转化为0，而空对象{}转化为NaN，由于NaN与任何数都不相等，因此{} == false的判断得到false
   (5) 引用类型之间的比较是内存地址的比较，不需要进行隐式转换,所以 [] == [] //false 地址不一样

[] == [] //false 地址不一样
var a = [];
b = a;
b == a //true
JavaScript的隐式类型转换浅析

if ([])
	console.log(1);
if ({})
	console.log(2);
if ([] == false)
	console.log(3);
if ({} == false) 
控制台输出：1 2 3
--------------------------------------------------------
console.log(([0]) ? true : false); // true
console.log(([0] == false) ? true : false); // true
console.log(({x:0} == false) ? true : false); // false
分析：
[0]直接用于if判断条件时会被转化为true。
与布尔值比较，都会将两边的值转化为Number，[0]转换为0，{x:0}转换为NaN。

---

---

---

第三题：
以最小的改动解决以下代码的错误（可以使用es6）
const obj = {
name: " jsCoder",
skill: [“es6”, “react”, “angular”],
say: function () {
for(var i = 0, len = this.skill.length; i< len; i++){
setTimeout(function(){
console.log(‘No.’ + i + this.name);
console.log(this.skill[i]);
console.log(’--------------------------’);
}, 0);
console.log(i);
}
}
};
obj.say();
/*
期望得到下面的结果:
1
2
3
No.1 jsCoder
es6
/------------------------
No.2 jsCoder
react
/---------------------------
No. 3 jsCoder
angular
/--------------------------
*/

TODO

---

6. 了解跨域吗？
7. 说说项目