中大阿里巴巴校招筆試個人分享

ps.看着一堆師兄、大三的還有研究生的、突然覺得自己好年輕。

 

 上次web群里一直在討論網申投簡歷實習，不小心順手也投了一篇、簡歷都沒提交，就留了聯系方式而已...大二的人怎么去實習...純屬玩玩而已.....可能中大報名的人都能去。 

 

 直接講題了、不講故事了。

 

總共六道題、題目可能記不清了，記不清的就講大意吧

1、這題就是讓你根據一個表格、他把寫出來涉及到了,table  tbody thead/th   rowspan  colspan那些  我蛋疼的加了一個tfoot..其實是有的、不知道有沒有用錯 

 但是要注意一點的就是，有一列用了rowspan的話 下面的tr中要少一個td...

 

2、這題的考點就是css代碼的簡化

  

 
           2  
          
  
           3  
          /* 
          原題題意大概如此...考點都在這了、重復的我就刪掉了 
          */ 
          
  
           4  
          
  
           5  
          div.container { 
          
  
           6  
               width: 
           500px; 
          
  
           7  
               background-image: 
           url(/img/sprite.png); 
          
  
           8  
               background-repeat: 
           no-repeat; 
          
  
           9  
               background-position: 
           4px 10px; 
             
          /* 
          數字記不清了 
          */ 
          
  
          10  
           } 
          
  
          11  
           
  
          12  
           div.container #news-list, div.container #news-list li { 
          
  
          13  
               background-image: 
           url(/img/sprite.png); 
          
  
          14  
               background-repeat: 
           no-repeat; 
          
  
          15  
               background-position: 
           4px 10px; 
             
          /* 
          數字記不清了 
          */ 
          
  
          16  
           } 
          
  
          17  
           
  
          18  
           a { 
          
  
          19  
               font-size: 
           14px; 
          
  
          20  
               color: 
           #00000000; 
          
  
          21  
               line-height: 
           150%; 
          
  
          22  
               font-weight: 
           bold; 
          
  
          23 } 
          
  
          24  
         

 

這個大概就這樣做吧、 

  

 
           2  
          div.container { 
          
  
           3  
               width: 
           500px; 
          
  
           4  
               background: 
           url(/img/sprite.png) no-repeat 4px 10px; 
          
  
           5  
           } 
          
  
           6  
           
  
           7  
          #news-list, #news-list li { 
          
  
           8  
               background: 
           url(/img/sprite.png) no-repeat 4px 10px; 
          
  
           9  
           } 
          
  
          10  
           
  
          11  
           a { 
          
  
          12  
               font: 
           bold 14px/150%; color: #000000 
         

 
          13 } 
          
  
          14  
         

 

 

3.這題有兩個小題、給你一個登錄框的圖片 (a) 符合web語義的html代碼  (b) 用css實現圖片效果(form的邊框是圓角加透明)

 這邊應該是僅支持現代瀏覽器、border-radius.我透明用的是border:thick solid rgba(0,0,0,0.5)  。語義化id設得人一眼看出那個id是干嘛的就好

那個x按鈕圖片要右float...細節蠻多的、目測很懸 。

 

4、這題讓你找出頁面中 class 為test的節點

 

我寫了三種(這數字太虛幻了、其實就一種)

  1、jquery 中的$(".test")

  2、僅支持部分瀏覽器的 getElementsByClassName的DOM操作

  3、這個可以叫做無環數的深搜么？貼代碼先...可惜我最后忘記寫調用的、然后DOM中壓根沒有hasChildNodes()這方法、把那個判斷去掉應該就對了吧？...提交交卷的壞處 0 0

   

var myNode = [],
    body = document.body;    /* 忘記寫了- -調用，給跪了，就只寫了一個函數 */

function getNode(a) {
    // if (a.hasChildNodes()){
        var child = a.childNodes,
           len = child.length;

        for ( var i = 0; i < len; i++){
           getNode(child[i]);
       }
   //  } else {
        if (a.className == "test"){
          myNode.push(a);
       }
    // }
}

getNode(body);

 

5、這一題就是給你一個有重復數的數組、然后讓寫一個函數 返回值為去掉重復數字后的數組、這個用一個hash-table就可以了

  

 
           2  
          var arr = [1, 2, 2, 3, 4, 5, 6, 6]; 
          
 
           3  
          
 
           4  
          function getArray(a) { 
          
 
           5      
          var hash = {}, 
          
 
           6         len = a.length, 
          
 
           7         result = []; 
          
 
           8      
          
 
           9      
          for ( 
          var i = 0; i < len; i++){ 
          
 
          10          
          if (!hash[a[i]]){ 
          
 
          11             hash[a[i]] =  
          true; 
          
 
          12             result.push(a[i]); 
          
 
          13         }  
          
 
          14     } 
          
 
          15      
          return result; 
          
 
          16 } 
          
 
          17  
          
 
          18 getArray(arr);  
          // 
           輸出[1， 2， 3， 4， 5， 6] 
          
 
          19  
         

 

6、聊一聊你對前端工程師的看法...這個看你多能吹水了...前端不僅僅是前端...

 

 

噗...全部就是這些、感覺蠻好玩的、原來中大寫前端的還有美女師姐~~坐在我后面的后面的后面的后面...哈哈、這次筆試純屬體驗生活、蠻好玩的感覺、那個監考官一定是東北妹子、這么霸氣的~祝大家好運 @會長 @范師兄 @其它師兄師姐