2016年某前端群题目答案参考 - 帅的相对论(3)_H5之家

如果为absolute设置了top、left，absolute元素会根据最近的定位上下文确定位置，浏览器会递归查找该元素的所有父元素，如果找到一个设置了position:relative/absolute/fixed的元素，就以该元素为基准定位，如果没找到，就以浏览器边界定位。

三：fixed

其实fixed和absolute是一样的，唯一的区别在于：absolute元素是根据最近的定位上下文确定位置，而fixed永远根据浏览器确定位置.

11.如何居中一个float:left的元素

主要思路如下：

1.定义父级元素为行级元素，在父级元素之上设定text-align:center

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body >

子元素1

</div>

子元素2

</div>

</body>

</html>

2.父元素浮动法

在外层包裹一个父元素，使他浮动，相对定位,left:50%；内部元素同样相对定位，left:-50%；

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body >

子元素1

</div>

子元素2

</div>

</body>

</html>

12.Css在各浏览器下的兼容问题你通常是怎么来解决的，请分享你的经验；

解决办法一般都是平时为知笔记记录，搜索时熟悉内容找笔记内容+不熟悉的找谷歌。

二.JS部分 1.parseInt 与 parseFloat 的区别？

parseInt 与 parseFloat 是把字符串转换成整数和浮点数的方法，

二者语法如下

parseInt(string, radix)

parseFloat(string)

parseInt多一个可选的radix数字基数。

两者的一些参数执行返回结果如下

strparseInt(str)parseFloat(str)

零长度字符串 NaN NaN

null NaN NaN

undefined NaN NaN

.3 0 0.3

-.3 NaN -0.3

-3 -3 -3

3e7 3 30000000

0xFF 255 0

0x3e7 999 0

08 8 8

3 3 3

123abc 123 123

2.valueof 与 toString 的区别？

基本上，所有的JS数据类型都拥有这两种方法(NULL除外)，他们俩解决了JS值的运算和显示问题。

在《javaScript　高级程序设计》一书中描述如下：

toString()——返回对象的原始字符串表示

valueOf()——返回最适合该对象的原始值

一个例子：

function Money(gold, silver, coin)

{

this.gold = gold;

this.silver = silver;

this.coin = coin;

}

Money.parse = function(value)

{

var coin = parseInt(value % 25);

var silver = parseInt(value / 25 % 20);

var gold = parseInt(value / 500);

return new Money(gold, silver, coin);

}

Money.prototype.valueOf = function( )

{

return ((this.gold * 20) + this.silver) * 25 + this.coin;

}

Money.prototype.toString = function( )

{

return this.gold + “金，” + this.silver + “银，” + this.coin + “铜”;

}

var money1 = new Money(5, 6, 1);

var money2 = new Money(2, 4, 6);

var money3 = Money.parse(money1 + money2);

alert(money3);//7金，10银，7铜

</script>

这里隐式调用了valueOf跟toString，二者并存的情况下，在数值运算中，优先调用了valueOf，字符串运算中，优先调用了toString。比如money1 + money2，调用的就是两者valueOf之后的值相加，而alert的时候，把money3先toString了一下。

strvalueOf(str)toString(str)

Array Array数组的元素被转换为字符串，这些字符串由逗号分隔，连接在一起。其操作与 Array.toString 和 Array.join 方法相同。 Array将 Array 的元素转换为字符串。结果字符串由逗号分隔，且连接起来。

Boolean Boolean的原始值 Boolean如果 Boolean 值是 true，则返回 “true”。否则，返回 “false”。

Date Date存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。 Date返回日期的文字表示法。Error返回一个包含相关错误消息的字符串。

Function Function函数本身。 Function返回如下格式的字符串，其中 functionname 是被调用 toString 方法函数的名称： function functionname( ) { [native code] }

Number Number数字值。 Number返回数字的文字表示。

Object Object对象本身。这是默认情况。 Object默认返回 “[object objectname]”，其中 objectname 是对象类型的名称。

String String字符串值。 String返回 String 对象的值。

3.全等与相等？

相等(==),当且仅当两个运算符相等时，返回true。在确定两个运算符时会进行类型转换。

执行类型转换的规则如下：

如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。

如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。

如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。

如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

全等(===)

只有在无需类型转换运算数就相等的情况下，才返回 true。

4.break 与 continue 的区别？

break表示跳出循环，continue表示结束本次循环

5.js的作用域？

js的作用域以函数function来划分，根据作用域，使得变量存在作用域的概念分为全局变量和局部变量。

6.Array 的 slice 与 splice 的区别？

arrayObject.slice(start,end)