哔哩哔哩2020校园招聘技术类笔试卷（二）
1. 关于canvas和svg说法正确的是？（C）
A. canvas支持事件处理器
B. canvas不依赖分辨率，缩放不失真
C. svg不依赖分辨率，缩放不失真
D. svg适合图像密集型的游戏
解析：
2. a标签的href和onclick属性同时存在时哪个先触发？（B）
A. href先执行
B. onclick先执行
C. 同时执行
D. 只执行href
解析：
可以通过onclick的函数中,设置return false;阻止默认的点击跳转事件;
3. 以下关于跨域说法错误的是？（D）
A. Cookie，LocalStorage和IndexedDB都会受到同源策略的限制
B. postMessage，JSONP，WebSocket都是常用的解决跨域的方案
C. 跨域资源共享规范中规定了除了GET之外的HTTP请求，或者搭配某些MINE类型的POST请求，浏览器都需要先发一个OPTIONS请求
D. http://www.bilibili.com和https://www.bilibili.com是相同的域名，属于同源
解析：
http 80端口
https 443端口
4. 下列资源加载顺序哪种是不可能的出现的？（C）
A. d.css, b.css, c.js, a.js
B. b.css, d.css, c.js, a.js
C. a.js, b.css, c.js, d.css
D. c.js, d.css, b.css, a.js
解析：
prefetch是告诉浏览器加载下一页可能会用到的资源，是下一页面不是当前页面，所以prefetch优先级非常低，该方式的作用是加速下一个页面的加载速度，因此a.js应该是最后一个。
- preload是在页面加载的生命周期的早期阶段就开始获取
- prefetch是预加载
- stylesheet是声明此文件为样式表文件
5. 选择语义与其他三项明显不同的标签（C）
A.
解析：
标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
标签包含 details 元素的标题，“details” 元素用于描述有关文档或文档片段的详细信息。
6. CSS中不支持样式子元素继承的是？（C）
A. font-size
B. color
C. margin
D. cursor
解析：
css-可继承和不可继承的属性：https://blog.csdn.net/github_34514750/article/details/52554511
7. 样式权重的优先级下面正确的是？（A）
A. !important > 行内样式(style) > id > class > tag
B. 行内样式(style) > !important > id > tag > class
C. id > 行内样式(style) > !important > class > tag
D. id > !important > 行内样式(style) > tag > class
解析：
css的优先级 和 权重：https://www.cnblogs.com/cnblogs-jcy/p/8574177.html
8. 根据下面代码所述，点击 area ，box 高度的表现是？（D）
A. 高度保持 100 不变
B. 高度保持 0 不变
C. 高度从 0 渐变为 100
D. 高度从 0 瞬变为 100
解析：
transition要配合:hover使用 没有:hover所以可以忽略transition 点击area后 给box设置高度100
9. 关于页面重绘和回流说法错误的是？（B）
A. 添加和删除元素会触发页面回流和重绘
B. 对 style 的操作改变color、background-color会回流，改变padding、margin会重绘
C. display:none 隐藏元素会触发页面回流和重绘
D. 浏览器大小改变resize、font-size会触发页面回流和重绘
解析：
什么是回流，什么是重绘，有什么区别？
参考链接：https://www.jianshu.com/p/e081f9aa03fb
10. 数组以下哪个方法会影响原数组？（B）
A. concat
B. splice
C. slice
D. join
解析：
数组中的方法-- 会改变原数组的：https://www.cnblogs.com/buxiugangzi/p/12078993.html
改变数组：
var arr = []
arr.splice()
arr.reverse()
arr.fill()
arr.copyWithin()
arr.sort()
arr.push()
arr.pop()
arr.unshift()
arr.shift()
不改变数组：
var arr = []
arr.slice()
arr.map()
arr.forEach()
arr.every()
arr.some()
arr.filter()
arr.reduce()
arr.entries()
arr.find()
arr.concat(‘1’,[‘2’,‘3’]) //[1,2,3]
11. 下面关于节流和防抖说法正确的是？（D）
A. 防抖是规定在一个单位时间内，只能触发一次函数
B. 节流在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时
C. 节流函数的实现必须依赖于setTimeout来实现
D. 在做图片按需懒加载的场景里，我们一般用防抖的方式来优化加载图片
解析：
防抖和节流：https://blog.csdn.net/P6P7qsW6ua47A2Sb/article/details/88802146
12. 关于null和undefined下面输出错误的是？（C）
A. +null 输出为 0
B. +undefined 输出为 NaN
C. JSON.stringify({a:undefined}) 输出为 {“a”:“undefined”}
D. JSON.stringify({a:null}) 输出为 {“a”:null}
解析：
非数组对象中，value是Undefined的属性会被忽略，所以JSON.stringify({a:undefined}) 输出{}
13. 下列代码的运行输出结果是?（D）
A. {key: ‘b’}
B. {key: ‘c’}
C. b
D. c
解析：
var a = {},b={key:‘b’},c={key:‘c’}
a[b] = ‘b’
// a = {[object Object]: “b”}
a[c] = ‘c’
//a = {[object Object]: “c”}
a[b]
// “c”,实际打印的是a["[object Object]"]
14. -1 >> 32 的值为? （A）
A. -1
B. 1
C. 0
D. 2^32-1
解析：
>> 有符号右移
>>>无符号右移
1 >>> 32 == 1
1L >>> 64 == 1
1 >>> 33 相当于右移一位
对于int类型,只有32位,右移32位等于右移0位
对于long类型,有64位,右移64位等于右移0位
15. [‘10’, ‘10’, ‘10’, ‘10’, ‘10’].map(parseInt);（D）
A. [NaN, NaN, NaN, NaN]
B. [10, 10, 10, 10, 10]
C. [NaN, 2, 3, 4, 5]
D. [10, NaN, 2, 3, 4]
解析：
参考链接：https://blog.csdn.net/qq_37674616/article/details/87600711
16. 下列代码运行结果正确的是？（B）
A. function
B. string
C. number
D. undefined
解析：
匿名函数自调，返回值给了fn
17. 下面代码运行结果正确的是？（B）
A. 1 7 1
B. 6 7 1
C. 1 2 8
D. 6 7 8
解析：
引用类型的赋与地址，基本类型是复制文本
18. 下列代码的运行输出结果是? （A）
A. 1 2 7 5 6 3
B. 7 1 2 5 6 3
C. 1 2 3 4 6 7
D. 1 2 7 4 6 3
解析：
Promise执行流程分析：https://blog.csdn.net/yonggeit/article/details/86518884
19. 下列代码的运行输出结果是? （D）
A. 6
B. 30
C. 报错: Uncaught SyntaxError: Identifier ‘age’ has already been declared
D. 报错: Uncaught SyntaxError: Identifier ‘years’ has already been declared
解析：
var和let的区别：https://www.jianshu.com/p/84edd5cd93bd
20. 下列代码的运行输出结果是? （A）
A.
“https%3A//www.bilibili.com/text.html”
“https://www.bilibili.com/text.html”
“https%3A%2F%2Fwww.bilibili.com%2Ftext.html”
B.
“https://www.bilibili.com/text.html”
“https%3A//www.bilibili.com/text.html”
“https%3A%2F%2Fwww.bilibili.com%2Ftext.html”
C.
“https%3A%2F%2Fwww.bilibili.com%2Ftext.html”
“https%3A//www.bilibili.com/text.html”
“https://www.bilibili.com/text.html”
D.
“https%3A//www.bilibili.com/text.html”
“https%3A%2F%2Fwww.bilibili.com%2Ftext.html”
“https://www.bilibili.com/text.html”
解析：
escape、encodeURI和encodeURIComponent的区别：https://www.cnblogs.com/qlqwjy/p/9934706.html
21. 输入两个表示复数的字符串，输出它们相乘的结果的字符串复数字符串用a+bi表示(a, b 为整数, i为虚数单位，i2=1)
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
public class Main {
public static void main(String[] args) throws IOException{
BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
String s1 = br.readLine();
String s2 = br.readLine();
int a;
int b;
int c;
int d;
String[] sp1 = s1.split("\\+");
String[] sp2 = s2.split("\\+");
boolean f1 = true;
boolean f2 = true;
if (sp1[1].contains("-")){
sp1[1] = sp1[1].substring(1);
f1 = false;
}
if (sp2[1].contains("-")){
sp2[1] = sp2[1].substring(1);
f2 = false;
}
if (sp1[1].length()!=1){
b = Integer.parseInt(sp1[1].substring(0,sp1[1].lastIndexOf("i")));
}else{
b= 1;
}
if (sp2[1].length()!=1){
d = Integer.parseInt(sp2[1].substring(0,sp2[1].lastIndexOf("i")));
}else{
d= 1;
}
a = Integer.parseInt(sp1[0]);
c = Integer.parseInt(sp2[0]);
System.out.println((a * c + b * d * (f2 == false ? -1 : 1) * (f1 == false ? -1 : 1) * -1 ==0?"0+": a * c + b * d * (f2 == false ? -1 : 1) * (f1 == false ? -1 : 1) * -1 + "+") + (a * d * (f2 == false ? -1 : 1) + b * c * (f1 == false ? -1 : 1)) + "i");
}
}
22. 输入一个"YYYY-MM-dd"格式的日期字符串，输出该天是当年的第几天（1 月 1 日是每年的第 1 天）
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.HashMap;
import java.util.Map;
public class Main {
public static void main(String[] args) throws IOException {
BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(System.in));
String s1 = bufferedReader.readLine();
String[] split = s1.split("-");
Map map = new HashMap();
map.put("01", 31);
map.put("02-p", 28);
map.put("02-r", 29);
map.put("03", 31);
map.put("04", 30);
map.put("05", 31);
map.put("06", 30);
map.put("07", 31);
map.put("08", 31);
map.put("09", 30);
map.put("10", 31);
map.put("11", 30);
map.put("12", 31);
int year = Integer.parseInt(split[0]);
int month = Integer.parseInt(split[1]);
int day = Integer.parseInt(split[2]);
if (month == 1){
System.out.println(day);
}else{
int tot = 0;
if((year%4==0&&year%100!=0)||(year%400==0)){
for (int i = 1; i < month; i++) {
if (i==2){
tot += (Integer)map.get("0"+i+"-r");
}else{
tot += (Integer)map.get("0"+i);
}
}
}else{
for (int i = 1; i < month; i++) {
if (i==2){
tot += (Integer)map.get("0"+i+"-p");
}else{
tot += (Integer)map.get("0"+i);
}
}
}
System.out.println(tot + day);
}
}
}
23. 给你一个链表，每 k 个节点一组进行翻转，请返回翻转后的链表。
如果节点总数不是 k 的整数倍，那么请将最后剩余的节点保持原有顺序。
示例 :
给定这个链表：1->2->3->4->5
当 k = 2 时，应当返回: 2->1->4->3->5
当 k = 3 时，应当返回: 3->2->1->4->5
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
public class Main {
public static void main(String[] args) throws IOException {
BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(System.in));
String s1 = bufferedReader.readLine();
String s2 = bufferedReader.readLine();
String[] split = s1.split(" ");
List<String> res = new ArrayList<>();
List<String> temp = new ArrayList<>();
for (int i = 0; i < split.length-1; i++) {
temp.add(split[i]);
if ((i+1) % Integer.parseInt(s2) == 0){
Collections.reverse(temp);
res.addAll(temp);
temp.clear();
}
}
if (temp.size() > 0){
res.addAll(temp);
}
String link = "";
for (int i = 0; i < res.size(); i++) {
if (i == res.size()-1){
link += res.get(i);
}else{
link += res.get(i) + "->";
}
}
System.out.println(link);
}
}