2012年淘宝UED招聘常用面试题

2012年淘宝UED招聘常用面试题

一、根据下图编写一段XHTML

考点：前端工程师的语义化标签知识以及模块化HTML代码知识；
示例：
<div class="dialogPractise">
 
<h2>对话练习</h2>
 
<ul class="dialogPractise-bd">
 
<li>
 
<strong>小明</strong>
 
<span>我的淘宝店成立5周年啦欢迎光临哦！</span>
 
</li>
 
<li>
 
<strong>傅玉</strong>
 
<span>昨天销售300件米奇心情真爽！</span>
 
</li>
 
</ul>
 
<span class="dialogPractise-fo"></span>
 
</div>

二、请简化下面的CSS代码：
a)margin:0px;
b)padding:10px 0 10px 0;
c)border-width:1px;border-style:solid;border-color:#ff5500;

考点：CSS的优化
示例：margin:0;padding:10px 0;border:1px solid #ff5500;

三、请看以下代码，按照下面的要求回答

if(window.addEventListener){
 
       var fn = function (type,fn,useCapture){
 
       el.addEventListener(type,fn,useCapture);
 
        }
 
}
 
else if(window.attachEvent){
 
        fn = function (type,fn){
 
        el.attachEvent('on'+type,);
 
        }
 
}

考点：对事件绑定的深入理解；
1、以上代码的作用；
2、以上代码的优点；
3、以上代码中的问题，如果你有更好的，请把它编写出来；
示例：
1、以上代码主要是为HTML元素绑定一个事件，并且兼容IE和DOM标准下的浏览器；
2、以上代码的优点是做到的了事件绑定的兼容性；
3、以上代码中fn这个变量是在DOM标准下的浏览器中才会声明，在IE下它将是一个全局变量；
function bind(el, type, fn, useCapture){
 
         if (window.addEventListener) {
 
                  el.addEventListener(type, function(){
 
                           fn.apply(el, arguments);//始终将this指向DOM
 
                  }, useCapture);
 
          }
 
          else if (window.attachEvent) {
 
                     el.attachEvent('on' + type, function(){
 
                     fn.apply(el, arguments);//始终将this指向DOM
 
                     });
 
          }
 
}
 

var el = document.getElementById('demo');
 
var test = function(){
 
        alert(this.nodeName);
 
}
 
bind(el, 'click', test);

    注意代码中的注释部分。因为在符合DOM标准的浏览器中,addEventListener方法将把this指针指向绑定的函数，而IE中attachEvent方法将始终指向widow对象，为了将this指针始终指向当前绑定事件的DOM，我们必须要使用apply或者call方法来改变函数的作用域。

三、请计算下面变量的值

var a= (Math.PI++);
 
var b = (Math.PI++);
 
alert(a);
 
alert(b);

考点：对javascript中Math对象的深入理解

四、注释的代码是否可以实现？如不能实现，请修改

function test(){
 
         this.name = 'taobao';
 
         this.waitMes = function (){
 
         //隔5秒钟执行this.name
 
         }
 
}

考点：javascript闭包
示例：function test(){
 
          this.name = 'taobao';
 
          var waitMes = function (){
 
          //每隔5秒钟执行this.name
 
          setTimeout(function (){alert(self.name)},5000);
 
           }
 
         return waitMes;
 
}
 
var _test = test();
 
_test();

以上是给大家展示淘宝笔试题目的部分试题；希望大家多多学习；接下来是问答讲解；

1、TaoBao UED：说说你做过的项目，以及在项目中遇见的问题；
2、TaoBao UED：使用的框架有哪些？以及各个框架之间的区别；
3、TaoBao UED：框架中的底层源码是否看过？
4、TaoBao UED：使用YUI框架做过哪些事情？
5、TaoBao UED：喜欢加班吗？（莫非淘宝经常加班）
6、TaoBao UED：你是怎样看待前端开发修bug？
7、TaoBao UED：喜欢写博客吗？
8、TaoBao UED：喜欢逛博客吗？
9、TaoBao UED：说说你最近看一篇博客，是关于什么的？
10、TaoBao UED：什么是WEB标准？
TaoBao UED：你有女朋友吗？
TaoBao UED：什么是类？什么是实例？

以上是淘宝面试部分常用问题哦！大家多多学习；习题经常练习；