Web前端笔试题(5页).doc
-第 1 页Web 前端笔试题-第 2 页1)现在有以下 HTML 代码:补全下面的 CSSdiv.wrapper border:1px solid#ccc;width:200px;padding:10px;/TODOdiv.box width:50px;height:50px;border:1px solid#ccc;div.box1/TODOdiv.box2/TODO以达到以下效果:2)补充完成下面的代码:function People(name)this.name=name;/TODOvar jerry=new People(Jerry);jerry.sayHi();/=Hi,I am Jerryvar lucy=new People(Lucy);lucy.sayHi();/=Hi,I am Lucy3)补充下面的代码,尽量多地写出你能想到的实现方案。var arr=name:Jerry,name:Lily,name:Lucy,name:Tomy var arr2=/*TODO*/;arr=arr2;/=falsearr0=arr20;/=truearr1=arr21;/=truearr2=arr22;/=true-第 3 页arr3=arr23;/=true4)补充 CSS 代码,让 p 元素内的文字“垂直”居中显示:HTMLJerry is my love.CSSp height:30px;border:1px solid#ccc;/TODO5)写出标号处各打印的内容,并解释原因:var name=jerry;function sayHi()return Hi,I am +this.name;var lucy=name:Lucy,sayHi:sayHi,sayAnotherHi:function()return sayHi();var tomy=name:Tomyconsole.log(sayHi();/1:console.log(lucy.sayHi();/2:console.log(lucy.sayHi.apply(tomy);/3:console.log(lucy.sayAnotherHi();/4:6)HTTP 是无状态协议,那么网站应该如何记住用户的登录状态?尽量详细回答整个过程。答:7)写出标号处各打印的数值,并尽量解释原因:(function()var a=0;function run()a=1;function run2()console.log(a);/1:var a=3;console.log(a);/2:-第 4 页run2();console.log(a);/3:function run3(a)console.log(a);/4:a=5;run3(8);console.log(a);/5:function run4()a=4;console.log(a);/6:return run4;var result=run();console.log(a);/7:result();console.log(a);/8:8)页面上有以下元素:This is JerryThis is LucyThis is LilyThis is Tomy编写 JavaScript,使得点击页面的特定 li 元素就会 alert 元素的序号.内容。例如点击第一个元素,就会 alert 出 1.This is Jerry。(不能用 jQuery,注意需要 alert 序号)/TODO9)尽量多地列出你所知道的关于前端的技术(方法、框架等),并且简述其作用。答:10)如果现在页面上出现了卡顿现象,例如鼠标移动不流畅,页面滚动不流畅,你会如何进行 debug?答:11)编写 JavaScript 代码,让题目 1 的两个正方形可以在长方形内自由拖拽(可以使用 jQuery)。/TODO12)编写一个 Children 类,继承题目 2 中的 People 类。-第 5 页/TODOvar baby=new Children(Lucy,12);baby.tellAge();/=I am 12 years old;baby.sayHi();/=Hi,I am Lucy;(baby instanceof People)/=true;13)找出下面代码的规律并且编写一个函数,转换特定的整数到对应的字符串。1=A2=B3=C26=Z27=AA28=AB29=AC52=AZ53=BAfunction convert(num)/TODO