阿里前端面试题

http://www.itmian4.com/forum.php?mod=viewthread&tid=2599&extra=page%3D3%26filter%3Dtypeid%26typeid%3D6%26typeid%3D6

总共六道题、题目可能记不清了，记不清的就讲大意吧

1、这题就是让你根据一个表格、他把写出来涉及到了,table  tbody thead/th   rowspan  colspan那些  我蛋疼的加了一个tfoot..其实是有的、不知道有没有用错 
但是要注意一点的就是，有一列用了rowspan的话 下面的tr中要少一个td...

2、这题的考点就是css代码的简化

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

复制代码

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

复制代码

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

1. var myNode = [],
   
2.     body = document.body;   /*忘记写了- -调用，给跪了，就只写了一个函数*/
   
3. 
   
4. function getNode(a) {
   
5.    //if (a.hasChildNodes()){
   
6.        var child = a.childNodes,
   
7.            len = child.length;
   
8. 
   
9.        for (var i = 0; i < len; i++){
   
10.            getNode(child[i]);
    
11.        }
    
12.   // } else {
    
13.        if (a.className == "test"){
    
14.           myNode.push(a);
    
15.        }
    
16.    //}
    
17. }
    
18. 
    
19. getNode(body);

复制代码

5、这一题就是给你一个有重复数的数组、然后让写一个函数 返回值为去掉重复数字后的数组、这个用一个hash-table就可以了

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

复制代码

6、聊一聊你对前端工程师的看法...这个看你多能吹水了