web框架-前端-后端教材课程.ppt

Web框架;;2013-07-29;2013-07-30;;2013-8-5;2013-8-6;北京-猎头-周某(1874933726) 2013/9/3 9:35:48;Web前端和后端之区分;淘宝UED Web前端开发面试题（含问答）;;;1、根据下图编写一段XHTML;考点：前端工程师的语义化标签知识以及模块化HTML代码知识;二、请简化下面的CSS代码：;我的答题： margin:0;padding:10px 0;border:1px solid #ff5500; 哥只想到这样的简写方式，但是另外一名给我面试的前端工程师(大牛)说：还可以简写，但是哥能想到的就是这种简写方式，不知道各位如何看？;三、请看以下代码，按照下面的要求回答;a)以上代码的作用 b)以上代码的优点 c)以上代码中的问题，如果你有更好的，请把它编写出来 考点：对事件绑定的深入理解;我的答题： a)以上代码主要是为HTML元素绑定一个事件，并且兼容IE和DOM标准下的浏览器 b)以上代码的优点是做到的了事件绑定的兼容性 c)以上代码中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方法来改变函数的作用域。;四、请计算下面变量的值;五、注释的代码是否可以实现？如不能实现，请修改;考点：javascript闭包我的答题：;接下来是问答啦（很精彩）：;TaoBao UED：喜欢加班吗？ （莫非淘宝经常加班）Me：不喜欢，呵呵，但是没有办法，因为这是我的工作。曾经在阿里软件工作的时候，加班到凌晨2点，在阿里巴巴ICBU开发B2B安全风险项目时，睡在会议室过。TaoBao UED：你是怎样看待前端开发修bug？ Me：一开始对修BUG有点烦燥，但是后来自己的心态逐渐调整过来，逐渐喜欢修BUG了，TaoBao清羽问：为什么呢？我说：因为我在修bug的同时可以发现一些新的知识，可以发现自己的不足，然后我会把这些我认为有技术含量的bug放进我的博客中与大家分享。对方笑笑。;;TaoBao UED：你有女朋友吗？ Me：我听到这个问题后，心里在想：莫非…..?我实话说了，有女朋友。对方保持沉默 TaoBao UED：什么是类？什么是实例？ Me：类是静态的，对象是动态的，对象可以看作是运行中的类。类负责产生对象，可以将类当成生产对象的工厂（object factory）。实例是属于某个类的对象。类的每个实例均包含该类的所有属性和方法。例如： function class(){}//声明一个类，类名为class class.prototype.newMethod = function (){}//类的一个方法 var b = new class();//实例化class类，b就是class类的一个对象，b拥有class类的属性和方法，而整个new的过程则叫做实例化 还有一些问题，我都忘记了，至于问答面试，我就写到这里吧，;后面是淘宝UED让我来提问