口碑網前端工程師筆試有感 (附題)

今天本來是想去自修的..到了自修室門前發現口碑有個宣講會..而且開始已經半個小時了..不過還是想去瞧瞧到底是咋回事..很榮幸..進去之後見到了秦歌..(不知道誰是秦歌的，點選這裡)。和他聊了一會，請教了一些前端的問題，關於框架，關於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.   }