JavaScript-- 基础知识面试题

1.JavaScript语言特点

  1.弱类型,数据类型由数据的值决定

  2.解释性脚本语言--解释器是JS引擎 是浏览器的一部分

  3.运行在客户端浏览器上

  4.有事件驱动机制(按下鼠标,移动窗口等)

  5.与操作系统无关,跨平台语言

2.盒子模型

  标准盒子模型:左右margin+左右padding+左右border+width

  IE盒子模型:左右margin+width(包括padding和border)

3.CSS Sprite 是一种网页图片应用处理技术,将一个页面需要用到的图片整合成一张或少张图片 以此来减少网页的HTTP请求,提高性能,这是它最大的优点

  使用方法 设置其为background-img:url(),设置其定位:background-position:x,y

  它的优点:减少网页的http请求 提升性能

       减少了图片的字节,多张图片合成一张图片的字节小于多张图片的总和

       减少了命名困扰,只需对一张集合的图片命名,提高制作效率

       更换风格方便,只需在一张或少张图片上修改图片的颜色或样式

  它的缺点:合成麻烦

4.link和@import的区别

  1.link属于HTML标签,而import是css提供的

  2.页面加载时,link会被同事加载,而@import引用的css样式会后加载

  3.link无兼容问题,而import只在IE5以上才能被识别到

  4.link的权重高于import

5.CSS中可以继承的属性有:font-size、color

5.在原型链上对数组去重

var a = 10;
function a(){
}
console.log(typeof a);

Array.prototype.unique1 = function (arr) {
var n = []; //一个新的临时数组
for (var i = 0; i < this.length; i++) //遍历当前数组
{
//如果当前数组的第i已经保存进了临时数组,那么跳过,
//否则把当前项push到临时数组里面
if (n.indexOf(this[i]) == -1) n.push(this[i]);
}
return n;
}
var arr = [2,5,8,7,4,9,5,6,1,2,5];
console.log(arr.unique1());

6.关于原型

function A(x){
this.x= x;
}
A.prototype.x = 1;
function B(x){
this.x= x;
}

B.prototype = new A();
var a = new A(2);
var b = new B();
console.log(a.x,b.x);//2 undefined

B的原型由A的构造函数创建 在A构造函数中 x这个属性声明且复制为undefined,当执行b.x 时先在对象中寻找x属性值 若不存在则去原型中寻找

7.关于原型

var A = {n:4399};
var B= function(){this.n = 9999};
var C = function(){var n = 8888};
// 将B和C的原型都设置为A对象
B.prototype =A;
C.prototype = A;
var b = new B();
var c = new C();
// 对象A的属性n++ n=4400
A.n++;
// 这是输出b.n 会先去自己的对象中查找属性 找到n=9999
console.log(b.n);
console.log(c.n);//对象没有属性 去原型中查找 n=4400

8.用for in 遍历对象属性时不仅遍历对象本身的属性和方法,同时会遍历原型链上的属性和方法

Object.prototype.bar = 1;

var foo = {moo : 2};

for(var i in foo){

  console.log(i);

}

9.函数执行后变量无返回值

var x = 1, y = z = 0;

function add(n) {

    n = n+1;

}

y = add(x);//执行add 但函数并未return返回值,此时变量会被赋值为undefined

function add(n) {

    n = n + 3;

}

z = add(x);//与y同理

10.下列代码的输出结果

alert(typeof(null));  //object

alert(typeof(undefined)); //undefined

alert(typeof(NaN));  //number

alert(NaN==undefined); //false NaN与任何数据类型比较结果都为false

alert(NaN==NaN); //false

var str="123abc";

alert(typeof(str++)); //number 会对str进行隐士转换为Number 但是转换失败 所以类型为number 值为NaN

alert(str);//NaN

 

posted @ 2019-08-26 13:43  你可以这样称呼我  阅读(211)  评论(0编辑  收藏  举报