口碑网前端工程师笔试有感 (附题)

今天本来是想去自修的..到了自修室门前发现口碑有个宣讲会..而且开始已经半个小时了..不过还是想去瞧瞧到底是咋回事..很荣幸..进去之后见到了秦歌..(不知道谁是秦歌的，点击这里)。和他聊了一会，请教了一些前端的问题，关于框架，关于oop，关于前端的发展方面的（因为现在大三..）。然后就试着去参加了笔试（一点准备都米有- -！）

可能口碑网当时没有想到会有这么多人来参加笔试，技术类试卷不够，所以我们被安排到了另外的教室等待笔试开始，因为技术类笔试都是混在一起的，也不知道有多少人是和我一起做前端笔试的。等了大概一个小时不到吧，试卷发下来了。大致的把题目给大家分享一下吧。

第一题(1)编写html，实现(2)说明你写的html的<document>类型(3)用json表示展示的数据我的代码

1. <ul>
    
2.     ….
    
3.     <li>
    
4.         <a href=”#”>
    
5.             <img src=”#” alt=”商店名”/>
    
6.             <p>外婆湾</p>
    
7.             <p>马市街130号9-9</p>
    
8.             <p>好评<em>62%</em>人均<em>55</em>元</p>
    
9.         </a>
    
10.     </li>
     
11.     ….
     
12. </ul>

复制代码

我还另外写了一种方案..不过觉得其实有点多余..所以还是不在这里写了
(2)让我蛋疼了，当时没想明白题目问的`是什么..就随便写了一个tranditional和starderd mode…自己看看都觉得写得怪怪的..
(3)我写了
 

1. var shopInfo = {
    
2.     picSrc:图片链接,
    
3.     shopName:外婆湾,
    
4.     shopAdd:马市街130号6-9,
    
5.     goodAdPer:62,
    
6.     avPur:55
    
7. }

复制代码

第二个题目 具体我也不太记得了，就是考浮动，定位，块级元素和行内元素，还有css hack。叽里呱啦写了一堆
第三个题目鼠标事件-划入，点击，移出
写出事件注册函数
我的答案
 

1. mouseover click mouseout(当时脑子短路，想不起来mousemove)
    
2. function addEvent(el,type,fn){
    
3.     if(ventListener){
    
4.         ventListener(type,fn,false);
    
5.     }
    
6.     chEvent(“on”+type,fn);
    
7. }

复制代码

这个地方有点蛋疼。。做到这里的时候前面有个红衣服哥哥开始盯着我做..然后慌了- -！（心里素质不行）
然后杯具滴忘了加上else if…
那个时候还是在考虑着如何在attachEvent之后把this指针指向el。。然后整整考虑了十多分钟…（最后还是没有想起来）
直接导致后面两题只剩15分钟时间做。
比较合理的是jR的事件注册，可惜用笔就是写不出来- -蛋疼
 

1. if(ventListener){
    
2.   var fn = function (type,fn,useCapture){
    
3.     ventListener(type,fn,useCapture);
    
4.   }