前端面试题汇总1（含答案）

前端面试题

一、选择题

1.下述有关css属性position的属性值的描述,说法错误的是?()

A. static:没有定位,元素出现在正常的流中
B. fixed:生成绝对定位的元素，相对于父定位元素进行
C.relative:生成相对定位的元素,相对于元素本身正常位置进行定位。
D. absolute:生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位。

b【fixed 生成绝对定位元素，相对浏览器窗口进行定位】

2.下面有关浏览器中使用js跨域获取数据的描述,说法错误的是?()

A.域名、端口相同，协议不同，属于相同的域
B.js可以使用jsonp进行跨域
C.通过修改document.domain来跨域
D.使用window.name来进行跨域

a【js中，域名、端口和协议都相同才属于相同的域】

3.下面有关JavaScript中 call和apply的描述,错误的是?()

A.call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性
B.两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是
C.apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入
D.call传入的则是直接的参数列表。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。

B【call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）】

二、简答题:

1.display: none; 与visibility: hidden;的区别

区别：
1、前者隐藏后的元素不占空间，后者隐藏后的元素空间依旧保留
2、后者具有继承性，父元素设置了visibility:hidden，子元素会继承该属性，若子元素设置visibility:visible，子元素会显示出来。与前者不同。
3、后者不会影响计数器的计数，某元素设置display:none则不参与计数器的计算。
4、css3的transition支持后者属性不支持前者。

2、下面代码的输出是什么?

for (vari= 0;i<3; i++){
setTimeout(() => console.log(i), 1);
}
输出:

3 3 3 【setTimeout是异步执行，每1秒响应一次（for循环的执行速度远小于1秒），1s后往任务队里添加一个任务，主线任务for循环全部执行完，才执行队列里的任务，当主线任务执行完成后，i的值是3，所以此时执行任务队列里的任务时，i全部都是3，打印了三次3。】

3.请给出这段代码的运行结果

var bb=1;
function aa(bb){
bb=2;
alert(bb);
}
aa(bb);
alert(bb);
输出:

2 1【ECMAScript 中所有函数的参数都是按值传递的。在向参数传递基本类型的值时，被传递的值会被复制给一个局部变量。】

4.请写出下面代码运行之后的结果

function func1()1var n=99
nAdd =function()#this.n+=1
console.log(this.n)
function func2()#console.log(n)
return func2
var result = func10)
result()
nAdd()
result()
输出:

99 NaN 99【因为nAdd相当于是在全局变量中定义了函数，因此在外面是可以访问到的，此时的this指向window对象，里面this.n为undefined，所以加起来为NaN。(NaN 属性代表一个“不是数字”的值。这个特殊的值是因为运算不能执行而导致的，不能执行的原因要么是因为其中的运算对象之一非数字（例如， “abc” / 4），要么是因为运算的结果非数字（例如，除数为零）。)】