《
淘宝UED招聘面试题 XHTML、CSS和javascript》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343b2013.htm
function test(){
this.name = 'taobao';
this.waitMes = function (){
//隔5秒钟执行this.name
}
}
我很荣幸的是：淘宝给我的笔试题目就这些,浮动层自动适应高度，为什么就这些呢？最后我剖析的结果是：我曾经在阿里软件工作过。
接下来是问答啦（很出色）：
TaoBao UED：说说你做过的项目，以及在名目中遇见的问题
Me：而后我就开始介绍我参加过的项目等等，并且说出了在阿里软件工作时，前端工程师和后端工程师在合作开发过程当中遇见的一些悲剧的问题
TaoBao UED：应用的框架有哪些？以及各个框架之间的差别
Me：prototype、jQuery、YUI2、YUI3，至于各个框架之间的区别见这里
TaoBao UED：框架中的底层源码是否看过？
Me：看过jquery的，YUI2看过一点，YUI3还没有看。
TaoBao UED：使用YUI框架做过哪些事件？
Me：使用YUI框架开发过一些widget、component
TaoBao UED：喜欢加班吗？（难道淘宝常常加班）
Me：不喜欢，呵呵，但是没有措施，因为这是我的工作。曾经在阿里软件工作的时候，加班到清晨2点，在阿里巴巴ICBU开发B2B保险危险项目时，睡在会议室过。
TaoBao UED：你是怎样对待前端开发修bug？
Me：一开始对修BUG有点烦燥，但是后来自己的心态逐步调剂过来，逐渐喜欢修BUG了，TaoBao清羽问：为什么呢？我说：因为我在修bug的同时可以发现一些新的知识，可以发明本人的不足，然后我会把这些我以为有技术含量的bug放进我的博客中与大家分享。对方笑笑。
TaoBao UED：喜欢写博客吗？
Me：喜欢，我有一个官方博客
TaoBao UED：爱好逛博客吗？
Me：喜欢，TaoBao UED问：喜欢逛哪些博客？我说：海内著名互联网企业的UED或UCD博客，以及国外javascript巨匠的博客。
TaoBao UED：说说你最近看一篇博客，是关于什么的？
Me：我最近看的一篇是口啤网前端主管的一篇对于doctype文档类型的博客，感到播种挺大的，他具体阐明了doctype的触发方法以及多少个模式。见这里
TaoBao UED：什么是WEB标准？
Me：妈妈咪呀，这么简单的问题，我竟然只回答了一个：首先要语义化XHTML标签，因为当时，脑袋不知怎么的，忽然空了，悲剧啊！维基百科对WEB标准的定义
TaoBao UED：你有女友人吗？
Me：我听到这个问题后，心里在想：莫非…..?我瞎话说了，有女朋友。对方坚持缄默
TaoBao UED：什么是类？什么是实例？
Me：类是静态的，对象是动态的，对象能够看作是运行中的类。类负责发生对象，可以将类当成出产对象的工厂（object factory）。实例是属于某个类的对象。类的每个实例均包括该类的所有属性和办法。例如：
function test(){
this.name = 'taobao';
var waitMes = function (){
//每隔5秒钟履行this.name
setTimeout(function (){alert(self.name)},5000);
}
return waitMes;
}
var _test = test();
_test();
var el = document.getElementById('demo');
var test = function(){
alert(this.nodeName);
}
bind(el, 'click', test);
二、请简化下面的CSS代码：
a)margin:0px;
b)padding:10px 0 10px 0;
c)border-width:1px;border-style:solid;border-color:#ff5500;
考点：CSS的优化
我的答题：
考点：对事件绑定的深入理解
a)以上代码的作用
b)以上代码的长处
c)以上代码中的问题，假如你有更好的，请把它编写出来
我的答题：
a)以上代码重要是为HTML元素绑定一个事件，并且兼容IE和DOM标准下的浏览器
b)以上代码的优点是做到的了事件绑定的兼容性
c)以上代码中fn这个变量是在DOM尺度下的阅读器中才会申明，在IE下它将是一个全局变量
我的简略的编写：
Tag：面试 应聘
margin:0;padding:10px 0;border:1px solid #ff5500;
还有一些问题，我都忘却了，至于问答面试，我就写到这里吧，后面是淘宝UED让我来发问我问了三个问题：
1、淘宝UED有多少前端工程师？
淘宝UED：差不多有50多位前端工程师。
2、淘宝UED的流程是怎么的？
淘宝UED：清已羽先容过后，我感到这些开发流程大同小异，差未几都是这样。
3、淘宝的前端工程师平时都做些什么项目？
悲剧啊，这个问题还没有来得及回答，另外一位给我面试的淘宝前端工程师就把淘宝的HR叫过来了，然后和HR聊一会，最后HR告知我一周之内会通知我的。
呵呵全部口试到此停止，共花了2个半小时，三天后接到了淘宝网电话。（然而由于之前工作合约中有特殊的解释，所以终极不去淘宝工作，哥十分遗憾）
留神代码中的解释局部。因为在合乎DOM标准的浏览器中，addEventListener方法将把this指针指向绑定的函数，而IE中attachEvent方法将始终指向widow对象，为了将this指针始终指向当前绑定事件的DOM，咱们必需要使用apply或者call方法来转变函数的作用域。
三、请盘算下面变量的值
2011-9-17 16:23:54 上传 下载附件 (11.83 KB)
考点：前端工程师的语义化标签知识以及模块化HTML代码知识；
我的答题：
function class(){}//声明一个类，类名为class
class.prototype.newMethod = function (){}//类的一个方法
var b = new class();//实例化class类，b就是class类的一个对象，b领有class类的属性和方式，而整个new的进程则叫做实例化
<div class="dialogPractise">
<h2>对话训练<,浏览器默认HTML的CSS样式属性;/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>
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,);
}
}
上午把简历发给淘宝前端工程师清羽，下昼就接到了淘宝UED的面试通知（这次速度真是惊人！以往基本就等不到淘宝的面试告诉，即便等到了也要15-30天）,跟淘宝的HR约好7.6号下战书13:00去创业大厦面试。当时得到淘宝的面试通知后，心境那是一个畅快啊！啥也别提了，一个字：爽！于是哥为了这场盛大的面试，开端温习前端技巧方面的实践知识了（我是常设抱佛脚）。OOP、javascript闭包、CSS、XHTML、AJAX、用户休会、机能优化等等关联到前端开发技术方面的常识，我全体复习了一遍，筹备充分了，开往淘宝面试大厅（成果出乎我的预料），请持续浏览。
到了淘宝公司后，给我面试的恰好也是淘宝的前端工程师清羽，一阵寒暄过后，正式进入面试的第一个环节：笔试（悲剧啊，笔试中的标题全部不在我所复习的知识内，幸好哥在以前的项目教训中都遇见过），请看题：
1、依据下图编写一段XHTML
function bind(el, type, fn, useCapture){
if (window.addEventListener) {
el.addEventListener(type, function(){
fn.apply(el, arguments);//始终将this指向DOM
}, useCapture);
,浏览器处理网页字体效果对比; ,浏览器CSS Hack总结; }
,浅谈重复页面的产生原因及如何处理; else if (window.attachEvent) {
el.attachEvent('on' + type, function(){
fn.apply(el, arguments);//始终将this指向DOM
});
}
}
考点：对javascript中Math对象的深刻懂得
我没有做出来这道题目，平时都没有怎么研讨这个Math对象呢，因为数学很差。
四、正文的代码是否可以实现？如不能实现，请修正
--> [
网站建设之]淘宝UED招聘面试题:XHTML、CSS和javascript
考点：javascript闭包
我的答题：
哥只想到这样的简写方式，但是另外一名给我面试的前端工程师(大牛)说：还可以简写，但是哥能想到的就是这种简写方式，不晓得各位如何看？
三、请看以下代码，依照下面的请求答复
var a= (Math.PI++);
var b = (Math.PI++);
alert(a);
alert(b);
(责任编辑：网站建设)
淘宝UED招聘面试题 XHTML、CSS和javascript相关文章