经常遇见的面试题

1.下述有关css属性position的属性值的描述，说法错误的是?(b )
A.static:没有定位，元素出现在正常的流中

B.fixed:生成绝对定位的元素，相对于父元素进行定位

C.relative:生成相对定位的元素，相对于元素本身正常位置进行定位。

D.absolute:生成绝对定位的元素，相对于 static定位以外的第一个祖先元素进行定位。、

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

A.域名、端口相同，协议不同，属于相同的域
B.js可以使用jsonp进行跨域

C.通过修改documentdomain来跨子域

D.使用windowname来进行跨域

相同的域是指： 域名 端口 协议都相同，可以通过jsonp进行跨域
通过修改document.domain来跨子域
使用window.name来进行跨域
使用HTML5中新引进的window.postMessage方法来跨域传送数据

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

A.call与apply都属于Functionprototype的一个方法，所以每个function实例都有 call、apply属性

B.两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是
C.apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入

D.call传入的则是直接的参数列表。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。

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

function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34

区别接收参数的方式不同：对于call（），第一个参数是运行函数的作用域，其余参数都直接传递给函数即传递给函数的参数必须逐个列举出来。对于apply（），第一个参数是 运行函数的作用域 ，另一个参数是参数数组,可以是Array实例或arguments对象。

1.display:none;与visibilityhidden;的区别
display：none可以隐藏元素。该元素将被隐藏，如上图所示，No.2已经被隐藏，而且不占页面的布局。其子类元素不具有继承属性，元素的display属性设为none其后整棵子树都不可见。影响计数器的计数，计数器重新排列
2.可以隐藏元素。但是该元素仍将占用与之前相同的空间。元素将被隐藏，但仍会影响布局，如上图所示，No.2虽然已经被隐藏，但是影响了页面的布局；
其子类元素具有继承性，父元素的visibility为hidden时，但是子元素的visibility为visible时，则子元素依旧可见，若子元素visibility不存在时，则子元素继承父类属性，显示为不可见。
不会影响计数器的计数，其计数器仍在运行

2.实现一个函数计算求和，支持这两个情况: sum(2,3)和sum(2)(3)
使用arguments:用在函数内部，表示传给该函数的所有的实参的集合。
虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同。

function sum(){
        var num = arguments[0];
        if(arguments.length == 1){
                return function(sec){
                        console.log(num+sec);
                }
        }else{
                for(var i = 1; i < arguments.length; i++){
                        num += arguments[i];
                }
                console.log(num);
        }
}
sum(2,3);            //5
sum(2)(3);           //5

3.实现一个函数将字符串转驼峰，例如border- bottom-color---->borderBottomColor

        function transform(str){
            var arr = str.split('-');
            //console.log(arr);
            for(var i=0;i<arr.length;i++){
                arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);
            }

            //console.log(arr);
            //return arr.join('');
            alert(arr.join('')) 
        }

        //调用函数
        var str = "border-bottom-color";
        transform(str);

4.编写一个javscript函数fn，该函数有一个参数n(数字类型)，其返回值是一个数组，该数组内是n个随机且不重复的整数，且整数取值范围是【232】。提示:可以使用getRand()函数

function fn(n){　　
var arr = [];　　
var min = 2,max = 32;　　
for(var i = 0;i<n;i++){　　　　//生成随机数　　　　
var rnd =Math.floor(Math.random()*(max-min)+min);　　　　
//判断数组里是否含有rnd这个随机数　　　　
if(arr.indexOf(rnd)==-1){　　　　　　
arr.push(rnd);　　　　
}else{　　　　　
i--;　　　
}　
}　　
return arr;}
console.log(fn(6));