高级前端测试题(附答案) .pdfVIP

高级前端测试题

HTML／CSS测试

1.你做的页面在哪些浏览器测试过？特有的css属性前缀分别是什么?

2.网页制作会用到的图片格式有哪些？

3.请用CSS写一个简单的幻灯片效果页面，图片尺寸600*320(px)。

4.CSS中可以让文字在垂直和水平方向上重叠的两个属性是什么?

5.简述一下渐进增强和优雅降级之间的不同。

精选文档

Javascript测试

尽量不使用第三方插件/库

1.写出以下控制台输出结果。

a.console.log(1+2+3);输出：__________________

b.console.log(3+2+1);输出：__________________

c.console.log(+3+2+1);输出：__________________

d.console.log(1++2+3);输出：__________________

e.console.log(A-B+C);输出：__________________

f.console.log(02||1);输出：__________________

g.vara=0.1,b=a+++a,c=a--+b;

console.log(a,b,c);输出：__________________

2.写出以下代码在控制台的输出结果。

(function(){

vara=b=9;

})();

console.log(a);输出：__________________

console.log(b);输出：__________________

3.编写函数sum，使其按如下调用皆能正常运行。

console.log(sum(2,3));//输出5

console.log(sum(2)(3));//输出5

精选文档

4.实现数组的倒排以及降序排列。

varnumberArray=[3,6,2,4,1,5];

倒排结果：[5,1,4,2,6,3]

降序结果：[6,5,4,3,2,1]

5.编写提取Url参数的函数，按key-value形式将结果存储到json结构中返回。

url示例：

6.下面代码返回什么？解释一下

console.log((functionf(n){return((n1)?n*f(n-1):n)})(10));

7.已知有字符串foo=get-element-by-id,写一个function将其转化成驼峰表示法

getElementById。

8.如下代码点击Button3会在控制台输出什么？

精选文档

for(vari=0;i5;i++){

varbtn=document.createElement(button);

btn.appendChild(document.createTextNode(Button+i));

btn.addEventListener(click,function(){console.log(i);});

document.body.appendChild(btn);

}

＊追问：如果有问题，如何修改代码以实现预期效果。

附加测试

1.一天时针和分针重合多少次？___________________

2.一根不均匀的香，需要2小时燃尽。最少需要几根香才能测量出2小时15分钟？