+ -
当前位置:首页 → 问答吧 → 心情很不好,搞了6年的架构,原来发现自己很菜

心情很不好,搞了6年的架构,原来发现自己很菜

时间:2011-09-30

来源:互联网

最近几天在外面投了几家简历。前端工程师,首先要简短介绍下 02年开始从事网页设计,06年开始接触CSS,07开始了我的前端工程师职业。以前从不觉得自己很牛,但是也不会觉得差到哪里去。但是经过了几次的面试之后,发现我的重构路还有很长,很漫长。。。

面试公司:携程面试题:3个宽高相同的盒模型,(A,B,C) 第一个问题  A左浮动,这时候A B C的位置。第二个问题 A为内联,B左浮动,这时候A,B,C的位置。(PS:笔试) 我回答错了。

PS:携程的面试官我觉得技术还是不错的,但是我个人建议,面试为什么非要笔试呢?你给我个电脑,让我按需求给你做出来不结了么?我真不相信,哪位神人敢拍胸脯说,我现在做页面都是从头做到尾的,做完F5一下,都OK的。毕竟咱是去干活的,不是去考大学的嘛!!

面试公司:分众传媒
面试题:IE6 双边BUG造成的原因。  sorry!我只知道怎么解决,还从未研究过他为什么造成的。display:inline

面试题:a标签hover状态的时候,要上下都显示划线。不用背景。。。OMG,,我居然不知道hover里居然还有上划线一说,text-decoration : underline overline;不过我觉得我当时说的另一种方案也还是不错。border-top  border-bottom ,不过被那神仙哥哥给否决了。现在想想这个方案还是可以滴 :)

面试题:2栏布局,左边固定宽,高度自适应,右边宽高自适应
这题我觉得我的方案可行,但是还是被那位神仙哥哥给否决了,硬说这样有兼容问题:说我这样写实现不了。当时我也被搞蒙了,笔试嘛!!!他那么强硬,那么“狠”,我就不敢坚持了,面试嘛低调点咯 :)。回来之后,我还是再做了一遍,没啥问题啊。他说我的布局实现不了。不知道为虾米。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{marginj:0;padding:0} .wrap {width:980px;border:1px solid #333 ;overflow:hidden} .left {float:left;width:190px;background:#f90;padding-bottom:10000px;margin-bottom:-10000px} .right {float:right;width:100%;margin-right:-190px;background:#06f} </style> </head> <body> <div class="wrap"> <div class="left"></div> <div class="right">1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br /></div> </div> </body> </html>
 提示:您可以先修改部分代码再运行
PS:既然是主动要求面试的,就给大家一点面子吧。都通知复试了,还找个不知是什么来头的人,问些莫名其妙的问题。
好啦!好啦,牢骚发完了,我去继续学习咧。这里也给那些最近要去面试的朋友们提个醒。多看看那些你可能永远用不上的 自适应布局。 那些你可能一辈子都不回去记的haed 里代码是怎么写的。请手写出文字下划线的代码。

作者: siyoyo   发布时间: 2011-09-30

BI里携程的赶紧来看看你们给LZ出的题
话说head(楼主写的成了haed- -)里的代码直接写<!DOCTYPE html>就行,应该还好记吧。笔试代码...鄙视...

作者: baihe107   发布时间: 2011-09-30