bilibili前端面试题汇总2022

图片[1]-bilibili前端面试题汇总2022 - 程序员知识精选-程序员知识精选

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

2、关于DOMContentLoaded和load事件说法正确的是？

A、 DOMContentLoaded事件比load事件更早执行

B、 load事件比DOMContentLoaded事件更早执行

C、按监听代码从上到下先后执行

D、 dom文档完全加载完后执行load事件

正确答案: A

DOMContentLoaded
当纯HTML被完全加载以及解析时，DOMContentLoaded事件会被触发，而不必等待样式
表，图片或者子框架完成加载。
Load
当一个资源及其依赖资源已完成加载时，将触发load事件。
在任何情况下，DOMContentLoaded 的触发不需要等待图片等其他资源加载完成。

⻚面上所有的资源（图片，音频，视频等）被加载以后才会触发load事件

3、如何在 div 容器里展示

这几个字符？

A、<div><div></div></div>
B、<div>"<div></div>"</div>
C、document.querySelector('div').innerText = "<div></div>"
D、document.querySelector('div').innerHTML = "<div>sssssss</div>"

正确答案: C

innerHTML：设置或获取标签所包含的HTML与文本信息。（不含标签本身）

innerText：设置或获取标签所包含的文本信息。（不含标签本身）

outerHTML：设置或获取标签本身以及所包含的HTML与文本信息。（包含标签本身）

outerText：设置或获取标签本身以及所包含的文本信息。（包含标签本身）

例如：

`
<div id="div1">
<p id="p1">this is text</p>
</div>
<script>
var div=document.getElementsByTagName("div");
console.log(div[0].innerHTML); // <p id="p1">this is text</p>
console.log(div[0].innerText); // this is text
console.log(div[0].outerHTML); // <div id="div1"><p id="p1">this is text</p>
</div>
console.log(div[0].outerText); // this is text
</script>
`

4、有n级台阶，每一步可以走1级或2级，问一共有多少种走法

正确答案

1 function NumberOf1(number) {
2 // write code here
3 var arr = [1, 2]

(^4) for (var i = 2; i < number; i++) {
(^5) arr[i] = arr[i - 1] + arr[i - 2]

参考解析

共n个楼梯，第一次跳1阶，后面还有n-1，有n-1种跳法；第一次跳两个台阶，后面还有n-
2，有n-2种跳法。所以递归方式是f(n-1)+f(n-2)

`js
function getStairs(stair) {
if(stair <= 0) {
return
}
if(stair === 1) {
return
}
if(stair === 2) {
return
}

return getStairs(stair - 1) + getStairs(stair - 2)
}

conststair = parseInt(readline())
console.log(getStairs(stair))
`

5、判断由"()[]{}"6种括号组成的字符串是否合法

1. 所有括号必须闭合

2. 左括号必须在正确的位置闭合

正确答案

6 }
7 return arr[number - 1]

(^8) }
1 function check(str) {
(^2) const ary = [];
3 const map = {
4 '[': ']',
5 '{': '}',
(^6) '(': ')',
(^7) };

参考解析

1.利用 map 实现一一对应

2.利用栈

`
function IsValue(str) {
let map = new Map([
['(',')'],
['{','}'],
['[',']']
])
let stack = [];
for(let i = 0 ; i < str.length ; i ++) {
if(map.has(str[i])) { // 在左边
stack.push(str[i])
} else { // 在右边
if(stack.length == 0) return false;
let top = stack[stack.length - 1]; // 栈顶元素
if(map.get(top) == str[i]) {
stack.pop()
} else {
return false;
}
}
}
return true;
}

while(line = readline()) {
var str = line;
print(IsValue(str))

8 for(let v of str) {
9 if(v === '['|| v === '{'|| v === '(') {

(^10) ary.push(v);
(^11) } else{
(^12) if(map[ary.pop()] !== v) {
(^13) return false;
(^14) }
15 }
16 }
17 if(ary.length === 0) {
(^18) return true;
(^19) }
(^20) return false;
(^21) }

}

`

6、找出有序数组（从小到大排列）中和为sum的两个数，要求复杂度为

O(n)，找到一组即可

正确答案

参考答案

`js
var n = parseInt(readline());
var line = readline().split(" ");
var arr = [];
for(var i=0;i<n;i++){
arri);
}
var sum = parseInt(readline());
var left = 0,right = n-1;
var str = "";
while(left<right){
var temp = arrleft;
if(temp<sum){
left++;
}else if(temp>sum){
right--;
}else{
str = arrleft;

1 function solve (arr, target) {

(^2) let i = 0
3 let j = arr.length - 1
4 let first, last
5
(^6) while (i < j) {
(^7) first = arr[i]
(^8) last = arr[j]
(^9) const sum = first + last
(^10) if (sum === target) return [first, last]
11 else if (sum > target) j--
12 else i++
13 }
(^14)
(^15) return null
(^16) }

break;
}
}
if(str){
console.log(str);
}else{
console.log("notfound");
}
`

参考答案

实现思路：用一个对象的key来存储遍历过的数字（value值任意，这里用的是0），每次循
环只需判断(sum-当前值)的key值对应的value是不是为0（为0就代表之前遍历过这个数字）

因为只用到一个for循环，时间复杂度为O(n)

`
let length = parseInt(readline()),
arg = readline().split(" "),
sum = parseInt(readline()),
temp = {},// 用来存储遍历过的数字的对象
flag = 0;

for(let i = 0; i < length; i++) {
let a = arg[i];
let b = sum - a;
temp[a] = 0;
if(temp[b] === 0) {
console.log(b+" "+a);
flag = 1;
break;
}
}
if(flag === 0) {
console.log("notfound");
}
`

7、获取列表中战队名是BLG 位置上路的选手对象？

列表：

const players = [ {name: 'UZI', team: 'RNG', position: 'ADC'},
{name: 'theshy', team: 'IG', position: 'TOP'},
{name: 'Metoer', team: 'BLG', position: 'Jungle'},
{name: 'ADD', team: 'BLG', position: 'TOP'},
{name: 'Scout', team: 'EDG', position: 'Middle'},
{name: 'iBoy', team: 'EDG', position: 'ADC'},
{name: 'Baolan', team: 'IG', position: 'Support'},
{name: 'Xiaohu', team: 'RNG', position: 'Middle'}]

选项

A、players.filter(x=> x.position === 'TOP' && x.team === 'BLG')
B、players.get(position='TOP', team='BLG')
C、players.find(position='TOP', team='BLG')
D、players.findOne(position='TOP', team='BLG')

正确答案: A

8、以下代码运行结果

function setname(name){
this.name = name
}
setname.prototype.printName = function(){ console.log(this.name) }
let a = new setname("cc")
a.name = "dd"
a.proto.name = "ee"

a.proto.printName() //?
a.printName() //?

选项

A、ee dd
B、cc dd
C、ee cc
D、ee Error