面试互联网中心真融宝WEB前端的经历
2015年6-7日参加了位于北京互联网中心的真融宝,感觉显然又跪了(咦为什么说“又”?),还是记录一下吧。
第一轮
出租车师傅压根没听过“互联网金融中心”这个地标,我也是被这个名字惊到了。(一个大国重器的意象)
楼内装修气味非常大,几乎辣眼。还好公司内几乎每个办公室都备了大功率空气净化器(居然是小米牌的。。。不禁对这个公司品位产生了怀疑)
接待我的是一个看起来很像美剧里美籍华人(然而并不是)的酷酷小哥,相互介绍了一下后就正式开始面试了
第一题
讲一讲你对position的理解吧
这个题基本快被问烂了,几乎每个公司都是这么开门见山。我就简单的介绍了一下那四个值的基本定位方式,不过这次额外介绍了absolute 和relative。他们一个脱离文档流不占空间,一个脱离文档流但是占据空间
第二题
说一下盒模型吧
又是一道老题,盒模型分两种一种标准一种IE。从外到内分别为margin,border,padding,content。标准盒模型宽度按照content算,IE盒模型按照border算。常用IE盒模型,使用css3的box-sizing:border-box切换
第三题
说一下html5的新技术吧
非常不喜欢这类开放式题目,除了用来高谈阔论在开发上并没有什么卵用。而且让人抓不到重点,回答后倍感打击。讲了一下canvas以及新增的localStoncage
第四题
说一下标签和标签的异同
这两个都是用来加粗字体的行内元素,但是b标签已经在html5标准中删除了
追问为什么html5标准不适用b标签了呢?
并没有回答出来,正确答案是使用strong后能更好的实现文档的语义化(就算不是开发者也能一眼看穿文档是干吗用的),同样方便搜索引擎优化(SEO)
第五题
doctype是什么意思?
用来标记文档类型的
好的手写一个
<!doctype html>
后来感觉好像并不对,答案应该是
但这不都是html4时代的老家伙了么?
第六题
讲一下<script>
标签里的async
和defer
各是干什么的吧
这道题完全不会,正确答案:
async属性用来规定异步执行脚本(仅适用于外部脚本)。
defer属性是规定是否对脚本执行进行延迟,直到页面加载为止。
第七题
一个大的div中有两个小的div,分别是40px高和80px高,都是float:left的那么请问外层的div高度多少?
如果没设置padding的话应该是0px;因为float的元素已经脱离文档流且不占地方了(正好落入圈套)
追问,如果我想让外层div按照内部元素大小伸缩怎么处理?
设置position:relative即可,这样元素占位置了
正确答案:设置overflow:hidden,我的方法理论上可行,但是实际上完全不管用,设置float时relative根本没什么卵用,撑不开父容器
第八题
实现一个斐波那契数列吧
我有点记不清楚斐波那契数列是什么东西了
面试官:我也不记得了。。。。(一时间面试陷入了尴尬)
第九题
写一个快排吧
function fast(arr){
if(arr.length<1){
return arr
}
var center_id = Math.floor(arr.length/2);
var center = arr[center_id]
var left_arr = [];
var right_arr = [];
for(var i =0;i<arr.length;i++)
{
if(arr[i]<center)
{
left_arr.push(arr[i]);
}
else if(arr[i]>center){
right_arr.push(arr[i]);
}
}
return fast(left_arr).concat(center,fast(right_arr))
}
var aa = [33,18,2,40,16,63,27];
console.log(fast(aa))
第二轮面试
感觉和上次面试百度无线一样,二面技术一般都是来的那种让人捉摸不透的“迷の男子”,面试官穿了深色衣服,不说话,浅笑。于是直奔主题
第一题
对css3动画了解么?
一般,但是基本的都还差不多
追问,那在一个大外框中左下一个小块,然后hover后移动到最右边
写了一个使用transaction的动画,简单送分题
第二题
说一下js中Array对象常用的方法
一到这种类举题就懵,没有回答上来
其实应该有很多,比如indexOf,concat,等等
第三题
说一下call()和apply()的差异
没有回答上来,正确答案是…..
老样子,你又赶上施工现场了。。。
等我下次再更吧