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

  • Post author:
  • Post category:其他




在这里插入图片描述

在这里插入图片描述



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




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. 说说项目



版权声明:本文为qq_25073545原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。