刚刚面试了L的前端,之前recruiter联系我的时候看了我的tech stack就说我和这个最匹配。其实我还是想做full stack,可惜没有。基本都是面经里面的题,但是面经有些不详细,我来讲讲细节吧:
面试官迟到15分钟,说dialing issue,然后问问题
上来之后让我自我介绍,可能是因为他迟到了怕不能完成,居然把我打断了,然后问我两个问题:
- 你知道event bubbling吗?
follow up question:event bubbling的propagation方向是top down,还是bottom up?虽然我第一个问题就说了,但是还是又说了一遍。 - 你用过CSS preprocessor吗?
- 问我在html, JavaScript和css中有没有preference。没听懂是啥意思,我就说我一般都是一起用。
. check 1point3acres for more.
之后就是打开一个HR之前发给我的link,到一个editor,用JavaScript语言。 - biz baz bar面经里看到很多次,不知道是啥,结果考到了还是得临场做。
具体是:
var Foo = function(a){
function bar(){
return a;
}
this.baz = function(){
return a;
};
};
Foo.prototype = {
biz: function(a) {
return a;
}
};
foo = new Foo(7);
问:
foo.bar();
foo.baz();
foo.biz();
会return什么?第一个是报错,第二个是7, 第三个是undefined。上来之后第一个答错了,我答的也是undefined,提示之后答对了。
follow up: 如何让第一个和第三个也返回7
- Javascript实现Fibonacci数列。
然后他问我能不能顺延15分钟,我说行。他发了第三题:
3. 一个图片,让你用html写出来。
大概是一个linkedin的用户推荐界面。
第一行是文字People You May Know 我用div和p,提示让用<h5>tag
下面三小行:每一行是一个推荐给你的用户
又分三小列:每一列从左到右是:一个图片,两行文字,一个叉叉图标。其中第一行文字是:姓名(加粗的),职位,第二行文字是:一个加号,一个“connect”,要求用<a></a>加在connect旁边。
最后右下角有个See more>>> 我还没写,他就问了两个CSS问题(前面的代码都不用写JavaScript和CSS,只用html,但他要问你为什么用这个tag):
- 有边框如何实现,边框变圆如何实. From 1point 3acres bbs
- h5的字体大小如何实现
最后有几分钟给我问问题。
总的来说比较虚,感觉面试官态度很好,希望能水过去。
补充内容 (2018-10-19 07:24):
今天收到拒信了。。。JS题其实没问题,我猜是挂在html上了。做前端长期用framework的人一定要练习plain html css再去参加面试。