前端试题大综合练习（八）

1、存在一个足够大的二维数组，每个数组中的值都是整数，使用javascript如何实现按每个数组中的平均值，从大到小排序这个二维数组？

答案：

function sortArr(arr){
if (arr.length<2) {
return arr;
}
for(var i=0;i+1<arr.length;i++){
var mid1=getMid(arr[i]);
var mid2=getMid(arr[i+1]);
if (mid1<mid2) {
var temp=arr[i].slice();
arr[i]=arr[i+1].slice();
arr[i+1]=temp.slice();
}
}
return arr;

}

function getMid(arr){
if (!arr.length) {
return 0;
}
var sum=0;
for(var j=0;j<arr.length;j++){
sum+=arr[j]
}
return sum/arr.length;

}

2、Web.xml文件的作用是什么？

用来初始化网站配置信息

3、Alert(1&&2)的值是？

1

2

FALSE

TRUE

答案：B

解：&&操作符，第一个操作数是1，为true，则输出第二个操作数的值！；若第一个操作数为假，则直接输出第一个操作数即可。

4、下面一段 Javascript 请打出输出的信息代码

var myObject={
foo:'bar',
func:function(){
var self=this;
console.log('outer func: this.foo='+this.foo);
console.log('outer func: self.foo='+self.foo);
(function(){
console.log('inner func: this.foo='+this.foo);
console.log('inner func: self.foo='+self.foo);
})();
}

};

myObject.func();

答案：作用域的问题

outer func: this.foo=bar

outer func: self.foo=bar

inner func: this.foo=undefined

inner func: self.foo=bar

5、如何判断两个JSON对象的值是否完全相等，请写出代码。 如{x:1,y:1}与{y:1,x:1}是相同的，与{x:1,y:1,z:1}是不同的。

答案：

function comJson(obj1,obj2){
if (!obj1||!obj2) {
return false;
}
for(var attr in obj2){
if (obj1[attr]) {
if (obj1[attr]===obj2[attr]) {
continue;
}else{
return false;
}
}else{
return false;
}
}
return true;

}

6、谈谈优雅降级与渐进增强的区别。

解：优雅降级是为了兼容较低的版本，尽量使用大家都兼容的语法；

渐进增强是在完成基本功能的前提下，用更高级的语法写更完善的功能。

7、简要解释盒模型、行内元素与块级元素的概念。

解：盒模型包括padding、border、margin、content;

行内元素占行的一部分；

块级元素独占一行。

8、创建一个对象obj，该对象包含一个名为"name"的属性，其值为"value" 。以下哪一段JavaScript代码无法得到上述的结果？ ()

var obj = new Object(); 

obj["name"] = "value";

var obj = new Object(); 

obj.prototype.name = "value";

var obj = {name : "value"};

var obj = new function() { 
this.name = "value"; 

}

答案：B

解：实例对象(new Object得到的对象)没有prototype属性。

9、window的哪个方法可以显示输入对话框？

confirm()

alert()

prompt()

open()

答案：C

confirm()是弹出判断对话框；alert()是弹窗；open()是打开新的页面；

10、模拟实现一个function的bind方法。

Function.prototype.bind=function(context){
var agsArr=[...arguments],fn=this;
return function(){
fn.apply(context,agsArr);
}

} 

11、以下 javascript 代码，在浏览器中运行的结果是

function foo(){
console.log('first');
setTimeout(function(){
console.log('second');
},5);

}

for(var i=0;i<4399999999;i++){
foo();

}

first,second,first,second..依次顺序输出

首先全部输出first，然后全部输出second

first，second无顺序输出

首先输出first，超出5ms输出所有second，最后输出余下的first

答案：B

解：此题考的是setTimeout方法的运行过程。定时器作用是在规定时间内将事件加入到执行队列，如果队列中没有任何东西就会立即执行，否则要等队列中的东西执行完才能执行。

12、'+new Array(017)'输出？

17

NaN

15

Error

答案：B

解：+作为一元运算符时，会将参数转换为数字返回。而new Array(017)得到的是一个长度为15的空数组。

13、请简述CORS（跨源资源共享）的请求的基本流程。

答案：实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。

浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。 

只要同时满足以下两大条件，就属于简单请求。

(1) 请求方法是以下三种方法之一： HEAD GET POST 

(2)HTTP的头信息不超出以下几种字段： Accept、Accept-Language、Content-Language、Last-Event-IDContent-Type：application/x-www-form-urlencoded、multipart/form-data、text/plain 

CORS代码实现与同源的AJAX完全一样。

14、用Javascript动态创建一个div元素，将id设置为'mydiv',字体颜色为绿色，字号14,粗体，内容为'Javascript DIV'。最后将该元素追加到body中来显示(注：所有这些要求都使用javascript来完成，也可以使用jQuery来完成)。

答案：

var oDiv=document.createElement('div');

oDiv.setAttribute('id','mydiv');

oDiv.setAttribute('color','green');

oDiv.setAttribute('fontSize','14');

oDiv.setAttribute('fontWeight','bold');

oDiv.innerHTML='Javascript DIV';

document.body.appendChild(oDiv);

15、在空白处填入适当的代码使输出结果成立：

function showMoney( ) {
_________

}; 

var personA = new Object; 

var personB = new Object; 

personA.money= "100"; 

personB.money= "150"; 

personA.showMoney= showMoney; 

personB.showMoney= showMoney; 

console.log(personA.showMoney( )); //"100" 

console.log(personB.showMoney( )); //"150"

答案：

return this.money;

16、详细说明session和cookie，并指出二者的区别和适用方向

解：cookie把数据存在浏览器端，不是很安全，每个cookie还有大小限制，约为4kb，个数限制20个左右；主要用于用户登录时验证信息以及购物网站的购物车信息的保存等。

session把数据存在服务器端，但sessionID却存在于客户端，session的空间则大的多；主要存储大量信息；

17、window 的哪个属性代表状态栏的文字？

status

top

length

name

答案：A

18、下列选项中关于浏览器对象的说法错误的是

history对象记录了用户在一个浏览器中已经访问过的URLs

location对象相当于IE浏览器中的地址栏，包含关于当前URL地址的信息

location对象是history对象的父对象

location对象是window对象的子对象

答案：C location对象和history对象都是window对象的属性，兄弟属性

Window对象的history属性引用的是History对象；Window对象的location属性引用的是Location对象；它表示窗口中当前显示的内容的URL。Document对象的location属性也引用Location对象，window.location === document.lacation; //true