介绍一下你的项目
这个项目是我一年前做的,到现在已经基本忘记了,都忘记了需求是什么,因此介绍的时候就磕磕绊绊,也解释不清楚,面试官一直追问细节。所以,根据我血和泪的教训,一定要认真准备项目的介绍啊。css中box-sizing有什么值,分别代表什么,还给了一道题,要求计算蓝色区域的大小
一开始计算的时候忽略了border设置成了红色,面试官提醒后才注意到。
<!DOCTYPE html>
<html>
<head>
<style>
.box {
width: 10px;
height: 10px;
border: 1px solid red;
margin: 2px;
padding: 2px;
background: blue;
}
#borderBox {
box-sizing: border-box;
}
#contentBox {
box-sizing: content-box;
}
</style>
</head>
<body>
<div>请问下面两个 div 元素,蓝色区域的宽高各是多少像素?</div>
<div id="borderBox" class="box"></div>
<div id="contentBox" class="box"></div>
</body>
</html>
- css选择器的优先级
这个也已经忘记了,就说了类选择器和id选择器 - js里的宏任务和微任务,给了一道题,要求说出输出顺序
这个已经很熟了,直接结合题目把事件循环的那一套说了出来
console.log(1);
setTimeout(function () { console.log(2); }, 0);
new Promise(resolve => {
console.log(3);
resolve();
}).then(() => {
console.log(4);
})
console.log(5);
- 说一下弹窗的垂直居中要怎么实现,就像那种弹出来的消息窗口
一般要怎么实现垂直居中我知道,但我不是很了解弹窗,不知道弹窗究竟有什么层。然后说了下用flex和absolute的实现。 - 查找一个数组的第二大的数,如果没有就返回最大数字
一开始页面是c++,我就直接开始用c++写,面试官说你不会js吗,我说会,然后换成js,刷刷刷地写完了代码,面试官也没有多问。 - 平时是怎么学习前端的
(又是这个问题,字节三面的面试官都问了这个问题)我就把之前的回答重复了一遍,面试官好像不是很满意,我就问面试官能给我一点学习的建议吗?(没想到面试官还真给了我标准答案)面试官说按照前端的知识图谱进行学习,有规划地去学习前端的方方面面,这样能具有更广阔的前端视野,然后也能清楚什么情况下用什么技术。 - 实习时间和后面的安排
- 面试官最后还是提到了我前面项目的事情,问我为什么明明项目也做了快有4个月,现在居然介绍得这么不清不楚
(我能怎么办,我也很难受。。。)我就说了当时对这个项目的一些原理不是很理解,所以一时难以解释清楚,吧啦吧啦地说了一些。最后面试官也不是很满意我的解释。所以,还是好好准备项目的介绍吧。