Web前端笔试题1) 现在有以下 HTML 代码：
补全下面的 CSS
div.wrapper {
border: 1pxsolid#ccc;
width: 200px;
padding: 10px;
// TODO
}
div.box {
width: 50px;
height: 50px;
border: 1pxsolid#ccc;
}
div.box1 {
// TODO
}
div.box2 {
// TODO
}
以达到以下效果：
2) 补充完成下面的代码：
functionPeople (name) {
t...
补全下面的 CSS
div.wrapper {
border: 1pxsolid#ccc;
width: 200px;
padding: 10px;
// TODO
}
div.box {
width: 50px;
height: 50px;
border: 1pxsolid#ccc;
}
div.box1 {
// TODO
}
div.box2 {
// TODO
}
以达到以下效果：
2) 补充完成下面的代码：
functionPeople (name) {
this.name= name;
}
// TODO
// ...
//
var jerry =newPeople('Jerry');
jerry.sayHi(); // => 'Hi, I am Jerry'
varlucy=newPeople('Lucy');
lucy.sayHi(); // => 'Hi, I am Lucy'
3) 补充下面的代码，尽量多地写出你能想到的实现
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
。
vararr= [
{ name:'Jerry' },
{ name:'Lily' },
{ name:'Lucy' },
{ name:'Tomy' }
];
var arr2 =/* TODO */;
arr=== arr2; // => false
arr[0] === arr2[0]; // => true
arr[1] === arr2[1]; // => true
arr[2] === arr2[2]; // => true
arr[3] === arr2[3]; // => true
4) 补充 CSS 代码，让 p 元素内的文字 “垂直” 居中显示：
HTML
Jerry is my love.
CSS
p {
height: 30px;
border: 1pxsolid#ccc;
// TODO
}
5) 写出标号处各打印的内容，并解释原因：
var name ='jerry';
functionsayHi () {
return'Hi, I am '+this.name;
}
varlucy= {
name:'Lucy',
sayHi:sayHi,
sayAnotherHi:function () {
returnsayHi();
}
};
vartomy= {
name:'Tomy'
}
console.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;
functionrun() {
a =1;
functionrun2 () {
console.log(a); // 1:
var a =3;
console.log(a); // 2:
}
run2();
console.log(a); // 3:
functionrun3 (a) {
console.log(a); // 4:
a =5;
}
run3(8);
console.log(a); // 5:
functionrun4 () {
a =4;
}
console.log(a); //6:
return run4;
}
var result =run();
console.log(a); // 7:
result();
console.log(a); // 8:
})();
8）页面上有以下元素：
This is Jerry
This is Lucy
This is Lily
This is Tomy
编写 JavaScript，使得点击页面的特定 li 元素就会 alert "元素的序号. 内容"。例如点击第一个元素，就会 alert 出 "1. This is Jerry"。（不能用jQuery，注意需要alert序号）
// TODO
// ...
9) 尽量多地列出你所知道的关于前端的技术（方法、框架等），并且简述其作用。
答：
10) 如果现在页面上出现了卡顿现象，例如鼠标移动不流畅，页面滚动不流畅，你会如何进行debug？
答：
11）编写 JavaScript 代码，让题目 1 的两个正方形可以在长方形内自由拖拽（可以使用 jQuery）。
// TODO
...
12) 编写一个 Children 类，继承题目 2 中的 People 类。
// TODO
var baby =newChildren('Lucy', 12);
baby.tellAge(); // => 'I am 12 years old';
baby.sayHi(); // => 'Hi, I am Lucy';
(babyinstanceof People) // => true;
13) 找出下面代码的规律并且编写一个函数，转换特定的整数到对应的字符串。
1 => A
2 => B
3 => C
...
26 => Z
27 => AA
28 => AB
29 => AC
...
52 => AZ
53 => BA
...
functionconvert (num) {
// TODO
}
本文档为【Web前端笔试题】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483