字节跳动前端实习一面二面HR面面经_字节跳动一面后多久收到的二面通知

作者：小惠珠哦 | 2024-06-23 11:22:57

踩

字节跳动一面后多久收到的二面通知

16号做完笔试，后来约了21号一面，25号二面，一面面试官看起来比较和蔼，一来就是自我介绍，他说前端的问题我也没准备多少，我就知道他不是前端的了，瞬间有点方。

一面

一开始是数据结构的题，二叉树相关，已知前序遍历和中序遍历的结果，求树的结构，这个讲了一下思路面试官就给过了。
http请求方法有哪些？
跨域问题遇过吗？什么办法可以解决？讲了一下cors，jsonp，websocket，postmessage，反向代理等
讲一下前端安全？xss，csrf，说一下他们具体是什么，如何预防？
TCP连接和断开过程（三次招手，四次挥手）
cookie localStorage sessionStorage有什么区别？
https和http有什么区别？（TLS套接层协议）
如果登陆的请求是https，而其它的请求是http的会出现什么问题？（一开始答了跨域的问题，后来想了一下，答了cookie会加密，可能导致其它请求无法通过身份验证）
最后面试官问我接触过redux吗？我说没有我学的是vue，应该是react里面的状态管理工具，相当于vuex
面试官没什么问题了，提问时间到，我问他对前端学习和发展的建议，他说前端啊，我也不知道，哈哈超可爱，然后说但是我看旁边一些比较厉害的，都是有目标的。第二个问题我问他对我的总体评价和针对我的一些建议，他说你说你现在大三，大三有这个水平已经不错了（天啊这是我遇过的说话最好听的面试官），要有目标有计划地学习之类的。20多分钟后收到二面通知。

二面

二面是下载zoom软件，可以视频，也可以共享屏幕，还用石墨文档分享题目。一共面了快一个半钟，问了很多，手撕三次代码。面试官看起来比较严肃，先让我自我介绍，说说项目，说说项目难点，但是感觉他没怎么在意听，就大概说了几句。

第一道题是css相关，实现一个div在页面中垂直水平居中，然后高度是宽度的一半（实现不了也可以固定为200px）div里有文字A垂直水平居中，用本地IDE共享代码给面试官，贴一下当时的代码：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		body,html{
			width: 100%;
			height: 100%;
		}
		.content{
			width: 100%;
			height: 100%;
			padding:10px 0px;
		}
		.box{
			display: flex;
			align-items: center;
			justify-content: center;
			width: calc(100vw-20px);
			height: calc(50vw-10px);
			font-size: 20px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}
	</style>
</head>
<body>
	<div class="content">
		<div class="box">A</div>
	</div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

写完后面试官问我vw，vh，vmin，vmax的区别？垂直水平居中的其它实现方法？

一个div里面有个span，span里有很多字，这时候给span加一个border会咋样显示，这个题我没答对，面试官跟我解释了一下
margin合并问题，解决方法？BFC和IFC的区别？
chrome的字体最小为12px，如何设置10px的字体（使用transform:scale()属性进行缩放)
为什么设置font-weight是数字的时候作用会失效？（这个有点懵的，然后面试官说这个有点偏了，然后告诉我是因为用了一些特殊的字体，它们没有实现该粗细的字体，真好，学到了）
浏览器缓存相关的问题？讲了一下协商缓存的机制，简单请求和options预检请求
说一下es6的promise的状态，实现原理？
一道eventLoop的题，直接写出输出结果，然后说一下一次事件循环的过程，在题目中标出每一次事件循环
中间问的一些细节问题有点忘了哈
写代码，实现一个累加函数的功能比如sum(1,2,3)(2).valueOf()//8，写完后面试官说总体思路是对的，柯里化，但是一些细节要注意一下（当时变量有的写错了），贴上当时的代码：

function sum(...args){
	var args=[...args]
	var cache=0
	if(args.length===0){
		throw new Error('参数不能为空')
	}else if(args.length===1){
		cache+=args[0]
	}else{
		for(let i=0;i<args.length;i++){
			cache+=args[i]
		}
	}
	var add=function(...args1){
		var args1=[...args1]
		if(args1.length===0){
			throw new Error('参数不能为空')
		}
		for(let i=0;i<args1.length;i++){
			cache+=args1[i]
		}
		return add
	}
	add.valueOf=function(){
		console.log(cache)
	}
	return add
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

最后面试官出了道原型继承的题，我当时没看石墨文档直接在本地IDE写了两个函数然后组合继承，他说让我看看文档，要我封装一个实现继承的函数，这就是高程那本书里面的一段代码，贴一下：

function object(o){
	function F(){}
	F.prototype=o
	return new F
}
function inherit(subType,superType){
	var prototype=object(superType.prototype)
	prototype.constructor=subType
	subType.prototype=prototype
}
1
2
3
4
5
6
7
8
9
10

面试到这里就到尾声了，面试官评价我学习前端感觉挺有热情（字节面试官说话都挺好听耶），然后面完当天没有hr给我打电话我以为我大概凉了，没想到第二天hr约我hr面了，心情难以言喻。

三面

面试官是个hr小姐姐，问的是：为什么选择北京的公司？还面了哪些公司？父母对你到其它城市的看法？生活学习中坚持最久的是什么？推荐一本书会推荐什么？为什么推荐？你觉得你能给团队带来什么？

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/749492