字节跳动前端开发工程师视频面(2019)

版权声明:本文为博主原创文章,未经博主允许不得转载。欢迎关注我的微博@叮當了個和諧 https://blog.csdn.net/qq_25073545/article/details/82813409

在这里插入图片描述
在这里插入图片描述

面试开始,省去自我介绍,直接开问:


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
  1. 空数组[]和空对象{}都是object类型:
console.log(typeof []); // 控制台输出:object
console.log(typeof {}); // 控制台输出:object

  1. 空数组[]转化为Number,会得到0;空对象{}转化为Number,会得到NaN:
console.log(Number([])); // 控制台输出0
console.log(Number({})); // 控制台输出NaN
  1. 关于[]和{}需要注意的点:
    (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


  1. 了解跨域吗?
  2. 说说项目

猜你喜欢

转载自blog.csdn.net/qq_25073545/article/details/82813409