【题解】百度2020校招Web前端工程师笔试卷（第二批）：单选题、多选题

题目来源：牛客网公司真题_免费模拟题库_企业面试|笔试真题 (nowcoder.com)

若有错误请指正！

单选题

FIFO为先进先出的顺序来完成页面的访问，而如果在采用先进先出页面淘汰算法的系统中，一进程在内存占3块（开始为空），页面访问序列为1、2、3、4、1、2、5、1、2、3、4、5、6。运行时会产生（）次缺页中断？

A 7
B 8
C 9
D 10

答：

D。

解：

只有1、2、3、4、1、2、5、1、2、3、4、5、6 加粗的1、2、5是没有缺页中断的。选D。

下列代码的执行结果：

function sum(a, b) {return a + b;
}
sum(1, "2");

A NaN
B TypeError
C “12”
D 3

答：

C。

解：

+两边有一边是字符串，则会变为字符串拼接。C。

let number = 0;
console.log(number++);
console.log(++number);
console.log(number);

答：

0 2 2.

解：

number++，先number后+
++number，先++后number。

function fn(...args) {console.log(typeof args);
}
fn(21);

A “number”
B “array”
C “object”
D “NaN"

答：

C。

解：

typeof的返回值没有array，遇到array会返回Object。

typeof返回值：Number、String、Boolean、Object、Undefined、Symbol。

js typeof 和判断array 以及是Array还是Object或者null_typeof array结果_毅江的博客-CSDN博客

function Fn1(name) {if(name){this.name = name;}
}
Fn1.prototype.name="jack"
let a = new Fn1();
console.log('a:', a.name);function Fn2(name) {this.name = name;
}
Fn2.prototype.name="jack"
let b = new Fn2();
console.log('b:', b.name);

答：

jack、undefined。

解：

没有定义的name默认为undefined。
对a：if(undefined)为false，因此不会赋值，则a的name为原型上的name。
对b：name就是undefined。

setTimeout(() => {console.log(1)
}, 0)const P = new Promise((resolve, reject) => {console.log(2)
setTimeout(() => {resolve()
console.log(3)
}, 0)
})P.then(() => {console.log(4)
})
console.log(5)

A 2 1 3 4 5
B 5 2 1 3 4
C 5 1 2 3 4
D 2 5 1 3 4

答：

D。

解：

同步：2 5
异步宏任务：1 3 4
先同步后异步，因此D。

有a.js和b.js两个文件，请选择b文件中代码的输出：

// a.js
let a = 1
let b = {}
setTimeout(() => {
a = 2
b.b = 2
}, 100)
module.exports = { a, b }// b.js
const a = require('./a')
console.log(a.a)
console.log(a.b)
setTimeout(() => {
console.log(a.a)
console.log(a.b)
}, 500)

A 1 {} 1 {}
B 1 {} 2 {b:2}
C 1 {} 1 {b:2}
D 1 {} 2 {}

答：

C。

解：

如果是module.exports里的基本类型的值，会得到该值的副本
如果是module.exports里的对象类型的值，会得到该值的引用

a.a是该值的副本，一直是1，就算执行到了a=2的赋值操作，a.a也不会改变（副本相当于开辟了新的空间）。
a.b是该值的引用，因此执行到b.b=2时，b所指向的对象发生了改变，增加了属性b，a.b是对此对象的引用，因此会改变。

import 和 require 区别_esm import 是拷贝还是引用_Leeeeeer的博客-CSDN博客

请选择下面代码输出1的次数：

var vm = new Vue({  el: '#example',  data: {    message: 'Hello'  },  computed: {    test: function () {      console.log(1)      return this.message    }  },  created: function (){    this.message = 'World'    for (var i = 0; i < 5; i++) {        console.log(this.test)    }  }
})

答：

1次。

解：

因为vue的computed具有缓存功能。message只更新了一次，所以test只触发一次，执行一次console.log(1)。
具体来说，computed内的test函数会被加入到message这个响应式数据的依赖视图中，当修改了message（触发了message的set）之后，test这个computed的dirty属性会被设置为true，当视图渲染的时候，发现dirty为true了，就会执行1次test函数以获取最新的值。

以下哪行代码添加之后不会造成父容器高度塌陷

A display: flex;
B display:inline;
C float:left;
D position:fixed;

答：

A。

解：
对B：子元素设置为行内元素，行内元素本质是不设置宽高的，因此父容器会塌陷。
对CD：子元素浮动，父元素会塌陷。

以下这种写法不规范，但是不会报错，其在浏览器中的表现形式是

<p>1<p>2</p></p>

A 12
B 12
C 12
D 12

答：

D。

解：

A：p标签不能嵌套，排除。
B：p标签不会凭空消失，排除。
C：p标签不会凭空消失，排除。
D：浏览器会自动补齐缺的p标签，即：

<p>1<p>2</p></p>

补为：（1后补一个，最后一个前补一个）

<p>1</p><p>2</p><p></p>

下面样式在网页中打开大致是什么形状：

.arrow {border-top: 10px solid #000;border-right: 10px solid transparent;display: inline-block;
}
<span class="arrow"></span>

答：

C。

解：

CSS绘制三角形—border法 - 简书 (jianshu.com)

排除法：
右边变透明了，AD排除。
上面不透明，因此C。

或这样：详解CSS中左上朝向三角形(Top-Left Triangle)的几种制作方式_CSS教程_CSS_网页制作_脚本之家 (jb51.net)

数字 1 和 2 被浏览器渲染出来的颜色分别是是？

<html><head><style>.classA { color: blue; }.classB { color: red; }</style></head><body><p class='classB classA'>1</p><p class='classA classB'>2</p></body>
</html>

答：

red red。

解：

标签中使用多个class，不看这些class添加的顺序，而是看style中定义的顺序。
后声明的优先级高。

CSS中多个class的优先级_css 为何两个class 顺序有时不一样_Talon不会写代码的博客-CSDN博客

当网站对<script>标签进行过滤时，可以通过哪种方式进行绕过且有效攻击。

A <scrscriptipt>alert(1)<script>
B <script>alert(1)<scrscriptipt>
C <img src="" onerror=alert(1)>
D <scrscriptipt>alert(1)<scrscriptipt>

答：

C。

解：

当然是不用script标签的。

在数据结构中，不同的排序方法决定了排序的时间效率，现在假设对关键字序列22、86、19、49、12、30、65、35、18做一趟排序后，得到的结果如下：18、12、19、22、49、30、65、35、86。因此，根据上述结果可以得到采用的排序方法是（）？

A 冒泡排序
B 快速排序
C 直接插入排序
D 堆排序

答：

C。

解：

我认为选B。

【数据结构】知识点总复习_数据结构复习_karshey的博客-CSDN博客

先序遍历指按照根左右的顺序沿一定路径经过路径上所有的结点，现假设一颗二叉树的后序遍历为69, 67, 71, 70, 72, 68, 66, 中序遍历为69, 67, 66, 71, 70, 68, 72,则先序遍历为（）？

A 66, 67, 68, 69, 70, 71, 72
B 66, 67, 69, 68, 70, 71, 72
C 66, 69, 67, 70, 71, 72, 68
D 66, 67, 69, 68, 71, 70, 72

答：

B。

解：

这题官方答案给错了（给的D）。

下面选项哪个最符合上面代码中循环执行的次数.

void test(int N)
{int i=1;while(i<N){i=i*4;}
}

A 0.5N
B log2N
C 0.5log2N
D 0.2log2N
E 0.4log2N

答：

C。

解：

log4N，即C。

小技巧：这里的4是2²，因此答案一定与2有关，像E这种离谱的答案可以排除了。

多选题

关于HTTP2描述正确的是

A 采用文本格式创术数据
B 新增了多路复用
C 采用Header压缩
D 新增了连接的keep-alive功能

答：

ABC。

解：

评论说A也是错的。

修改/home下test目录以及目录下所有文件，可以支持所有人可读可写的，以下能实现的有?

A chmod 777 /home/test -R
B chmod 666 /home/test -R
C chmod 766 /home/test
D chmod 765 /home/test -R

答：

AB。

下列选项中，可能导致当前linux进程阻塞?

A 进程申请临界资源
B 该进程使用时间过长，进程调度程序让其他进程使用CPU
C 进程从磁盘读数据
D 时间片用完了

答：

AC。

【题解】百度2020校招Web前端工程师笔试卷（第二批）：单选题、多选题相关推荐

网易游戏雷火2020春招web前端工程师笔试卷0425
网易游戏雷火2020春招web前端工程师笔试卷0425 考试信息笔试题型详情单选不定项编程题问答题考试信息招聘单位:网易游戏雷火事业群校园招聘岗位:前端开发工程师回复时间:2020 ...
小米2020校招软件开发工程师笔试题二
https://blog.csdn.net/Yuudachi/article/details/104090132
金山办公2020校招C++开发工程师笔试题（一）
链接:https://www.nowcoder.com/test/21499425/summary 11.框选线段在二维平面坐标系中,已知存在一条线段(图中P1->p2)和一个矩形区域,编程计 ...
小米2020校招软件开发工程师笔试题一
1. 下列关于设计模式说法错误的是(B) A. 装饰器模式在实现过程中一般不会更改被封装对象的接口定义 B. 适配器模式以不改变被适配对象的接口定义为目的对其进行改造 C. 用饿汉方式实现的单例模式是 ...
58同城2017秋招前端工程师笔试卷
1.var a=[0]; if(a){ console.log(a==true); }else{ console.log("wut"); } 结果输出是什么? 答案 ...
作为高薪Web前端工程师，需要掌握哪些能力呢？
2020年因为疫情各行各业都暂时受到了影响,但疫情终会结束,很多企业尤其是互联网行业,面对项目挤压必然会增加人员的招聘.对于从事前端的人来说此刻正是机会,那么,Web前端开发人员要掌握哪些能力才能步入 ...
5G 带来的万物互联，2020年，web前端工程师在未来发展的惊人表现！
5G时代来临,各行各业对产品的用户体验需求空前大增.人们在享受互联网带来的便捷也给互联网产品提出了新的需求,这意味着前端开发人员也有了更多的机会和挑战.无论是大小公司,对前端开发工程师的需求都是在快速 ...
如何成为一名优秀的web前端工程师[转]
程序设计之道无远弗届,御晨风而返.---- 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优 ...
受大厂们青睐的Web前端工程师需要掌握的3项能力！
大厂除了薪资待遇更好,还能接触到更前沿的技术和项目,所以进入大厂工作是很多Web前端开发人员的心愿.那么,大厂都喜欢具备哪些能力的Web前端工程师呢?下面小千就给大家揭秘一下. 想要知道大厂更青睐具有 ...

【题解】百度2020校招Web前端工程师笔试卷（第二批）：单选题、多选题

单选题

多选题

【题解】百度2020校招Web前端工程师笔试卷（第二批）：单选题、多选题相关推荐

最新文章

热门文章