1.自我介绍--学校,实习的地方(巴拉巴怕)
2.讲一下你项目的难点,最有意思的地方(讲了一个射线选择器 一个设计模式-装饰器和发布订阅和js还有一些前端工程化的东西)
3.居中布局的几种实现形式(绝对 和 flexbox)
4.有没有做过移动端项目,设备适配问题是怎么解决的 (媒体查询)
5.普通函数和箭头函数的区别,new一个东西的时候做了什么事情,然后问了一道html题:题目记不清了,知识点是bfc的高度塌陷
6.Generator应用以及原理(没答上来。事后查资料是es6生成器的内容。学了忘了。害,还有那个面试官一直跟我说是async的内容.....)
7.代码题(下面这玩意会怎么输出。答案是1,2,4,3,6.知识点是event loop,简单)
new Promise(resolve => {
console.log(1);
resolve(3);
Promise.resolve().then(()=> console.log(4))
}).then(num => {
console.log(num);
setTimeout(()=>{console.log(6)},0);
});
console.log(2);
8.实现一个3*3的九宫格布局,每个小方块100*100,间距20,红绿相间(写盒子就完事了)
<div class="container">
<div class="line">
<div class="box green"></div>
<div class="box red"></div>
<div class="box green"></div>
</div>
<div class="line">
<div class="box red"></div>
<div class="box green"></div>
<div class="box red"></div>
</div>
<div class="line">
<div class="box green"></div>
<div class="box red"></div>
<div class="box green"></div>
</div>
</div>
<style>
* {
margin: 0;
padding: 0;
}
.container {
width: 400px;
height: 400px;
display: flex;
flex-direction: row
}
.box {
width: 100px;
height: 100px;
margin: 20px;
}
.green {
background: green;
}
.red {
background: red;
}
.line {
display: inline;
width: 30%;
}
</style>
9.js题(易)
//temp =[1,[2,[3,[4]]]] 用js使得数据扁平化
function flatten(data){
let output =[]
for(let i=0;i<data.length;i++){
if(Array.isArray(data[i])){
output=output.concat(flatten(data[i]))
}else{
output.push(data[i])
}
}
return output
}
let temp =[1,[2,[3,[4]]]]
console.log(flatten(temp))
面试到结尾就说我已经过了,然后问我什么时间能二面。我回答今天。今天又得搬个小凳子出去了。。。。
------------------------------------------------------二面完了----------------------------------------------------
1.自我介绍
2.tcp为什么可靠(答了三次握手,四次挥手。别的想不起来了)
3.问项目,怎么学习云云(项目优化的时候我说了一个优化tcp时间,我回答了一个preload。看他的意思是不够准确?我等下去看一下去)
4.做题:实现一个天气预报(半小时)
中途跟面试官差不多吵了起来。一开始我说我通过node直接抓数据,他跟我说只有半小时。要我再仔细想想数据用mock的或者假数据也可以。我听他的意思可能是要在最短的时间内搭一个大概的界面出来,半个小时时间实在没有想那么多,百度搜索天气预报然后把搜索到的第一个页面的应用复刻了一下。用的是我比较熟悉的一个后台开源框架。搞完后他跟我说你这对用户体验的理解不是很深啊,要有自己的想法。。。我说没有ui,没有原型图我就按照百度搜到的做呗。我就这点跟他争论了很久。
回去复盘后我感觉加一个搜索框或者时间选择器的会更好?最后对这家公司的二面感觉挺差的,下午继续看ts吧
--------------------------------更新一下,二面过了--------------------------------