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

以铜为镜，可以正衣冠；以古为镜，可以知兴替；以人为镜，可以明得失。——《旧唐书·魏征列传》

高级前端测试题

HTML／CSS测试

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

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

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

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

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

乐民之乐者，民亦乐其乐；忧民之忧者，民亦忧其忧。——《孟子》

测试

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

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

先天下之忧而忧，后天下之乐而乐。——范仲淹

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

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。

先天下之忧而忧，后天下之乐而乐。——范仲淹

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

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

varbtn=document.createElement(button);

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

btn.addEventListener(click,function(){co