哔哩哔哩2020校园招聘前端笔试题（卷一）

1.下面哪几个和

[http://store.company.com/dir/page.html]

符合同源策略？( )
A. http://store.company.com/dir2/other.htm
B. https://store.company.com/dir/secure.html
C. http://store.company.com:81/dir/etc.html
D. http://news.company.com/dir/other.html

答案：A
同源表明，同协议，同域名，同端口号
端口号：http默认为80/8080/3128/8081/9080,https默认443

2.关于DOMContentLoaded和load事件说法正确的是？
A. DOMContentLoaded事件比load事件更早执行
B. load事件比DOMContentLoaded事件更早执行
C. 按监听代码从上到下先后执行
D. dom文档完全加载完后执行load事件

答案：A

在任何情况下，DOMContentLoaded的触发不需要等待图片等其他资源加载完成。当HTML部分被完全加载以及解析时，DOMContentLoaded事件会被触发，而不必等待样式表，图片或者子框架完成加载。
页面上所有资源（图片，音频，视频等）被加载以后才会触发load时间。

3.如何在 div 容器里展示

这几个字符？
A.

B.

“

”

C. document.querySelector(‘div’).innerText = “

”
D. document.querySelector(‘div’).innerHTML = “

sssssss

”

答案：C

innerHTML:设置或获取标签所包含的HTML与文本信息。（不含标签本身）；
innerText:设置或获取标签所包含的文本信息。（不含标签本身）
outerHTML:设置或获取标签本身以及所包含的HTML与文本信息。（包含标签本身）
outText:设置或获取标签本身以及所包含的文本信息。（包含标签本身）

4.以下是哪一组全是块级元素？

A. div i h2 li
B. div p h1 ul
C. li ul h3 span
D. p h4 canvas em

答案: B

5.
<div class="box box1 box2" style="color:#222">hello</div>,
这个div里面最终的字体颜色是什么？
.box{
color:#999;
}

.box{
color:#333 !important;
}

.box2{
color:#666
}

A. #999
B. #222
C. #333
D. #666

6.以下不是box-sizing的属性是？

A. border-box
B. auto
C. content-box
D. inherit

答案: B

7.以下不是CSS伪类选择器的是？

A. :first-child()
B. :before
C. :center
D. :after

正确答案: C

8.‘-1 >>> 32 的值为( )’
A. -1
B. 1
C. 0
D. 2^32-1

正确答案: D

这个是带符号右移

这个是无符号右移
无符号右移运算符（>>>）
按二进制形式把所有的数字向右移动对应位数，低位移出(舍弃)，高位的空位补零。对于正数来说和带符号右移（>>） 相同，但是对于负数来说不同。

正数

例：20 >> 2
1、首先转化为二进制，20的二进制为0001 0100
2、将二进制数向右移两位，高位补符号位（0），得到0000 0101
3、最后将二进制数转化成十进制数，0000 0101转化为十进制为5
所以，20 >> 2 = 5

负数

例：-20 >> 2
1、首先转化为二进制，20的二进制为1110 1100 //取反加1 20的二进制为0001 0100 取反得到1110 1011 加1后得到1110 1100
2、将二进制数向右移两位，高位补符号位（1），得到1111 1011
3、最后将二进制数转化成十进制数，1111 1011转化为十进制为-5 //取反 0000 0100 加1 0000 0101 因为是负数，也就是1000 0101也就是2的2次方加2的零次方 等于-5
所以，-20 >> 2 = -5

9.[1 < 2 < 3, 3 < 2 < 1] ( )

A. [true, true]
B. [true, false]
C. [false, true]
D. [false, false]

正确答案: A

[1 < 2 < 3, 3 < 2 < 1]

1<2 => true
true < 3 => true // true自动转换为1

3<2 => false
false < 1 => true //false 自动转换为0

answer: [true, true]

10.[‘1’, ‘2’, ‘3’].map(parseInt) ( )

A. [1, 2, 3]
B. [0, 1, 2]
C. [NaN, NaN, NaN]
D. [1, NaN, NaN]

正确答案: D

[‘1’, ‘2’, ‘3’].map((item, index) => {
return parseInt(item, index)
})
parseInt(‘1’, 0) // 1 默认十进制的1
parseInt(‘2’, 1) // NaN 1进制没有2
parseInt(‘3’, 2) // NaN,2进制逢2进1

ps 啥是parseInt
parseInt(‘11’,2) //二进制的11 转换成十进制应该是 3
ppppps
[‘10’,‘10’,‘10’,‘10’,‘10’].map(parseInt); // [10, NaN, 2, 3, 4]
意思是0(默认0是十进制)进制的十转换成十进制是多少 1进制的十转换成十进制是多少 二进制的10转换成十进制是