近期面试感受

标签: 想法 | 发表时间:2011-10-27 22:13 | 作者:Kejun blankyao
出处:http://hikejun.com/blog

这两天大概面了5、6位应届的同学,最后往往忍不住聊的多了些,有点开复老师的感觉了。归纳下来有几个突出的问题。

1. 在公司实习学不到技术,学到的只是做事的方式
这些做事的方式(或者说技巧)有些是必要的,比如沟通方面。但更多是没有价值的,比如大公司繁琐的流程,各种毫无道理的开发规范,拖沓的做事风格等等。对于技术人员来说技巧性的东西千万不能太重。一个技术团队如果让实习生学不到专业上的东西,可以质疑其专业性了。应届生在学校,在公司如果都接触不到最专业的技术,那么他们又怎么能成长起来呢。一个恶性循环的开始。前端开发岗位的需求这么大,但始终缺少专业人才的一个根本原因吧。

2. 用的不是技术,更多是技巧
由于在学校里没有系统的前端开发课程,导致对html/css/javascript基本概念的理解非常薄弱。大部分人的学习方式是:先看书,然后觉得书和实践离得很远就直接实践,遇到问题就去网上搜,而搜到的基本都是“技巧”性的东西。或者是跟着学校里的“牛人”学,掺着各种好的、坏的经验全盘接受。比如实现一个左图右内容的显示效果,写出html和css(见下图)。这是我的一道笔试题,看起来很简单吧。但是还没有人答出最佳答案。如果去网上看,国内那些大网站们是怎么实现的,就不能怪他们了。

笔试题1

a方案 – 百度新闻首页:

<table>
 <tr>
  <td valign="top" class="imgtd">
   <a ...><img ...></a>
 </td>
 <td valign="top">...</td>
 </tr>
</table>

html结构丑陋,但css简单。

b方案 – 新浪微博首页:

<div class="twit_item MIB_linedot2">
  <div class="twit_item_pic">
    <a href="" target="_blank">
      <img src="" ...>
    </a>
  </div>
  <div class="twit_item_content">
   ....
  </div>
</div>

css实现:

.twit_list dd .twit_item_pic{float:left;width:66px;padding-top:2px;}
.twit_list dd .twit_item_content{float:left;width:316px;color:#666;line-height:18px;}

大部分应试者都是这个答案。用了浮动就必须定宽,结构就失去灵活性,同时必须解决浮动带来的一系列问题。

c方案 – 网易首页:

<div class="imgText-temp-1 dotline clearfix">
	<div class="mod-img main-img">
		<a href=""><img src="" ...></a>
	</div>
	<ul class="mod-list main-list">
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	</ul>
</div>

css实现:

.imgText-temp-1 { overflow:hidden;padding-left:132px;margin-bottom:3px; }
.imgText-temp-1 .main-img { position:absolute;_display:inline;margin-left:-132px; }

作者意识到float的问题,他用了一个技巧:在容器左侧挤出一个132px的空白,再让.main-img定位为absolute,再向左移132px。
此方案典型的技巧性太重,不是应用技术解决问题,这是不应该提倡的。

这些写法都是欠缺对css基本概念的理解。如果理解block formatting context(块级格式化上下文)的概念, 就不会这么写了。触发了BFC的块级元素,它的边缘不会和float box重叠。所以正解是:

<div class="item">
  <div class="pic">...</div>
  <div class="content">...</div>
</div>

css实现:

.item .pic { float:left;margin-right:10px; }
.item .content { overflow:hidden;zoom:1; } /* 或用display:table-cell */

demo: http://hikejun.com/demo/css/demo_list.html

笔试有几年经验的人也是鲜有答对的。在新技术风起云涌的今天,太忽略基础的东西了。

3. “搜索”式学习害人不浅
面试中有同学觉得书上写的东西不实用,更喜欢边实践边学。但往往实践中主要解决具体问题,比如要实现上面那个例子,从网上搜到一个不好的例子,自己又不足以区分好坏。然后,就把它当成一个解决问题的模式,如果没人纠正,可能几年下来都这么用。网上的资源非常丰富,要区分“技术”和“技巧”。还是那句话,对技术人员来说技巧性的东西不应该太重。

4. 热衷新技术
古人讲究温故而知新还是很有道理的。学习新技术可以给自我镀金,欠缺基础的东西就会内力不足,这样在应用的过程中就会有问题。

5. 学到“二手货”
国内前端技术社区的分享质量总体还是不高。那些照搬国外,加上自己片面认识的资源就是“二手货”。这些资源在看的时候要慧眼识珠啊。最好还是直接看第一手资料。

6. 光看不用,坐等机会
很多同学表示正在看什么什么,或正准备学什么什么。但就是没动手写过,总是希望在实习公司有实践机会。这样的机会可能永远也没有呢,完善自我的技能,是需要自己给自己创造机会,写一些demo,搞一些个人项目,参加一些技术交流,持续关注该技术的发展……坐等只能浪费时间。

相关 [面试 感受] 推荐:

近期面试感受

- blankyao - Kejun&#39;s Blog
这两天大概面了5、6位应届的同学,最后往往忍不住聊的多了些,有点开复老师的感觉了. 在公司实习学不到技术,学到的只是做事的方式. 这些做事的方式(或者说技巧)有些是必要的,比如沟通方面. 但更多是没有价值的,比如大公司繁琐的流程,各种毫无道理的开发规范,拖沓的做事风格等等. 对于技术人员来说技巧性的东西千万不能太重.

IPAD使用感受

- flypen - 牛博国际
IPAD是我迄今为止使用过的最好的电子产品,虽然看上去它只像一个放大的IPHONE或者ITOUCH,但那块高分辨率的大屏幕改变了一切体验. 无论浏览网页,读书,看视频,打游戏,效果和感觉都不是itouch和Iphone可以比的, 完全不是一个东西. 各种新一代专门为IPAD订制的APP,和Iphone版的比起来,都是飞跃的质变.

仙剑5通关感受

- 悟怡 - 牛博山寨 编辑推荐
首先要说一点,目前的游戏制作环境,已经不是当年那种只有一小批有爱人士在默默制作游戏的环境了. 各路奇人异士在以各种各样的方式加入到游戏制作中. 比如早年九城招安魔兽系列的民间翻译大神企鹅,并让其主持魔兽世界的翻译,比如仙盟越来越多参与仙剑的制作,甚至娱乐通的汉化都已经不是随便找人做的了(最后一次谈零之轨迹PC版与PSP版的翻译).

我的 Kindle使用感受

- Willy - Nooidea.com | 装傻充愣
算起来使用 Kindle有一个多月了. 说好的等用一用再过来写这篇使用感受. 一个月前说要给 Kindle买一个皮套,因为各种原因后来自己动手小小帮我织了一个毛线的外套. 我就基本上顺着自己使用的体验讲讲吧. 先从整个感受上来讲,我觉得 @Reayek 说的 Kindle富一生还是很有道理的. 有时候你或许真的不信,就非 Kindle才能读书.

Kindle 3 使用感受

- Vernsu - A.shun Blog
半个月前入手了 Amazon Kindle 3 3G + Wi-Fi 版,使用下来感觉很好,虽然吐槽点不少,但作为一个专注的阅读设备可以说够优秀、舒适了. 现在先谈谈我的使用感受,希望能给有兴趣的同学提供一点参考. (很遗憾没有靠谱的摄像装备,截图无法表现出屏幕的效果,800×600 的图片在电脑看很大,实际上 k3 的屏幕比这小多了.

变态面试

- Tony - 叫兽与你同在

RoBa:Facebook 面试 Q&A

- - 博客 - 伯乐在线
前言:本文作者 RoBa ,据其个人博客中简绍是在腾讯北京搜索部门做后台开发工作. 他最近拿到 Facebook 入职 Offer 后,不少读者对此事有些提问. 本文是 Roba 做的问题答复总结. 说实话,其实我的眼界从来很狭窄,以前想的是,如果能在天朝帝都扎下脚跟,过上老婆孩子热炕头的日子,对我来说已很满足.