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

今天本来是想去自修的..到了自修室门前发现口碑有个宣讲会..而且开始已经半个小时了..不过还是想去瞧瞧到底是咋回事..很荣幸..进去之后见到了秦歌..(不知道谁是秦歌的，点击这里)。和他聊了一会，请教了一些前端的问题，关于框架，关于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(el.addEventListener){
   
    


4.         el.addEventListener(type,fn,false);
   
    


5.     }
   
    


6.     el.attachEvent(“on”+type,fn);
   
    


7. }

复制代码

这个地方有点蛋疼。。做到这里的时候前面有个红衣服哥哥开始盯着我做..然后慌了- -！（心里素质不行）

然后杯具滴忘了加上else if…

那个时候还是在考虑着如何在attachEvent之后把this指针指向el。。然后整整考虑了十多分钟…（最后还是没有想起来）

直接导致后面两题只剩15分钟时间做。

比较合理的是jR的事件注册，可惜用笔就是写不出来- -蛋疼

 

1. if(window.addEventListener){
   
    


2.   var fn = function (type,fn,useCapture){
   
    


3.     el.addEventListener(type,fn,useCapture);
   
    


4.   }