百度2020校招Web前端工程师笔试卷（第二批）

百度2020校招Web前端工程师笔试卷（第二批） 2024/12/17

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

解析

访问1，队列中没1，缺页一次，读入页面1；队列为1

访问2，队列中没2，缺页两次，读入页面2，队列为1,2；

访问3，队列中没3，缺页三次，读入页面3，队列为1,2,3；

访问4，队列中没4，缺页4次，读入页面4，队列为2,3,4；

访问1，队列中没1，缺页5次，读入页面1，队列为3,4,1；

访问2，队列中没2，缺页6次，读入页面2，队列为4,1,2；

访问5，队列中没5，缺页7次，读入页面5，队列为1,2,5；

访问1，不存在缺页，队列中为1,2,5；

访问2，不存在缺页，队列中为1,2,5；

访问3，队列中没3，缺页8次，读入页面3，队列中为2,5,3；

访问4，队列中没4，缺页9次，读入页面4，队列中为5,3,4；

访问5，不存在缺页，队列中为5,3,4；

访问6，队列中没6，缺页10次，队列中为3,4,6；

2.下列代码的执行结果 C

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

A.NaN

B.TypeError

C."12"

D.3

解析

+两边有一边是字符串，那这个+就是字符串连接符，它会把其他数据类型调用String()方法转成字符串然后拼接；

3.下列代码的执行结果 0 2 2

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

4.下列代码的执行结果   C

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

A.number"

B."array"

C."object"

D.“NaN"

解析

Rest 参数可以通过使用三个点...并在后面跟着包含剩余参数的数组名称，来将它们包含在函数定义中。args是一个数组，typeof的返回值中没有array，数组会被一并识别为object。

5.下列代码的执行结果  jack undefined

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);
解析

  1. Fn1 构造函数:

    • 当你调用 new Fn1() 创建实例 a 时，没有传入参数，因此 name 参数为 undefined。
    • 由于 if (name) 的判断条件为 false（因为 name 是 undefined），因此 this.name 不会被赋值。
    • 访问 a.name 时，这并不会返回原型链上的值，而是实例本身的属性值。由于实例本身并没有定义 name 属性（因为 this.name 未被赋值），会向原型链查找。
    • 在 Fn1.prototype 上，name 被设置为 "jack"，所以最终 a.name 的值为"jack"。

  2. Fn2 构造函数:

    • 当你调用 new Fn2() 创建实例 b 时，同样没有提供参数，因此 name 参数为 undefined。
    • this.name = name; 被执行，因此 b.name 被设置为 undefined。
    • 在 Fn2.prototype 上，name 也是 "jack"，但实例 b 已经有一个自己的 name 属性，该属性的值是 undefined，所以访问 b.name 时返回的是 undefined，而不是原型链上的值。
 

6.下面代码大输出顺序是 2 5 1 3 4

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)
解析

  1. setTimeout(() => { console.log(1) }, 0)

    • 这个 setTimeout 会把一个回调函数放入任务队列，等待事件循环处理。因为延迟为0ms，它会在当前执行栈清空后立刻执行，但实际在浏览器/Node.js处理时，仍然是在主线程空闲后。

  2. const P = new Promise(...)

    • 创建一个新的 Promise 对象。
    • 这个 Promise 的执行函数（executor function）会立即执行，因此会立即打印 2。

  3. 内部分的 setTimeout(() => { resolve(); console.log(3); }, 0)

    • 这个 setTimeout 同样会把一个回调放入任务队列等候执行，在当前执行栈清空后执行。
    • 但它不会立即执行，因为它处于 Promise 的 executor function 内部。因此在执行栈中的当前代码都执行完毕之后，才会处理这个任务。

  4. P.then(() => { console.log(4) })

    • 这里通过 then 注册了一个回调函数，这个回调函数会在 Promise 被解决（resolved）后执行。因为 resolve() 在下一个事件循环中被调用（在上面的 setTimeout 中），所以 console.log(4) 同样是排入了事件队列。

  5. console.log(5)

    • 这个语句会立即执行，输出 5。

执行顺序总结

到现在为止，立即输出的顺序为：

  • 2（从 Promise executor 内部）
  • 5（直接执行）

下一步，事件循环会开始处理队列中的任务：

  1. 第一次事件循环:

    • 执行第一个 setTimeout 中的回调：打印 1。

  2. 第二次事件循环:

    • 处理 Promise 内部的 setTimeout 回调，首先执行 resolve()，然后执行在 then 中注册的回调，打印 4。
    • 同时打印 3 在 resolve() 之后，因为它位于 setTimeout 的回调内。

7.有a.js和b.js两个文件，请选择b文件中代码的输出  1 {} 1 {b:2}

// 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)
解析

module.exports 将 a 和 b 导出，因此在其他模块中可以引用它们。需要注意的是，在导出时所引用的 a 和 b 是初始值，而不是后续更新后的值。

这里就是一个深浅拷贝的问题，这里a.js中的b变量存的是一个对象的地址，由于在100ms后改变了堆中的对象属性，所以在500ms时，对于b.js中的a.b来说会引用在100ms时改变的那个对象（浅拷贝）

说白了就是值不会变，对象会发生改变。
 

8.请选择下面代码输出1的次数  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)    
        }  
    }
})
解析

因为vue的computed具有缓存功能。message只更新了一次，所以test只触发一次，执行一次console.log(1)。

具体来说，computed内的test函数会被加入到message这个响应式数据的依赖视图中，当修改了message（触发了message的set）之后，test这个computed的dirty属性会被设置为true，当视图渲染的时候，发现dirty为true了，就会执行1次test函数以获取最新的值。

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

A.display: flex;

B.display:inline;

C.float:left;

D.position:fixed;

10.以下这种写法不规范，但是不会报错，其在浏览器中的表现形式是<p>1<p>2</p></p>。

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

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

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

CSS绘制三角形—border法 - 简书

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

1

2

3

4

5

6

7

8

9

10

11

12

<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>

解析

标签中使用多个class，不看这些class添加的顺序，而是看style中定义的顺序。

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

A.<scrscriptipt>alert(1)<script>

B.<script>alert(1)<scrscriptipt>

C.<img src="" οnerrοr=alert(1)>

D.<scrscriptipt>alert(1)<scrscriptipt>

14.一个小根堆的序列为:{5, 12, 7, 18, 31, 13, 9}，删除根节点5之后，小根堆会自动调整重新变为小根堆，小根堆的最后的叶子节点为? 13

15.关于HTTP2描述正确的是 ABC

A.采用文本格式创术数据

B.新增了多路复用

C.采用Header压缩

D.新增了连接的keep-alive功能

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

A.chmod 777 /home/test -R

B.chmod 666 /home/test -R

C.chmod 766 /home/test

D.chmod 765 /home/test -R

解析

要求三个数字都>=6 -R表示适用于目录以及目录下所有文件。

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

A.进程申请临界资源

B.该进程使用时间过长，进程调度程序让其他进程使用CPU

C.进程从磁盘读数据

D.时间片用完了

18.最小值

牛牛给度度熊出了一个数学题，牛牛给定数字𝑛,𝑚,𝑘，希望度度熊能找到一组非负整数𝑎,𝑏满足(𝑛−𝑎)(𝑚−𝑏)≤𝑘且𝑎+𝑏尽量小。

度度熊把这个问题交给了你，希望你能帮他解决。

#include <bits/stdc++.h>
using namespace std;

/*
思路
想要a+b最小，且满足(n-a)(m-b)<=k 
那么n和m中较大的不变然后寻找
*/
int n,m,ans;
long long k;
int main() {
    cin>>n>>m>>k;
    if(n>m){
        swap(n,m);
    }
    for(int i=n;i>0;i--){
        if(i*m<=k) {
            ans=n-i;
            break;
        }
    }
    cout<<ans;
    return 0;
}

19.度度熊的工作

老板给度度熊分配了𝑛n个工作，第𝑖i个工作需要耗费𝑎𝑖单位时间，每个工作必须老板给定的限制时间𝑏𝑖前完成。
度度熊从0时刻开始工作，在同一时间度度熊手上只能做一件工作，度度熊想知道他是否能把所有工作都完成呢？

#include <bits/stdc++.h>
using namespace std;

/*
思路
单线程工作 一次只能执行一个任务，问所有任务都能否在规定时间前完成
首先按照截止时间排序，然后按照所需时间排序
*/

int T,n;

int main() {
    cin>>T;
    while(T--){
        cin>>n;
        vector<pair<int,int>> work(n);
        for(int i=0;i<n;i++){
            //按照截止时间,执行时间格式输入  pair默认按照first升序然后按照second升序
            cin>>work[i].second>>work[i].first;
        }
        sort(work.begin(),work.begin()+n);
        // for(int i=0;i<n;i++){
        //     cout<<work[i].second<<" "<<work[i].first<<endl;
        // }
        
        int current=0,flag=0; //当前时间
        for(int i=0;i<n;i++){
            current+=work[i].second;
            if(current>=work[i].first) {
                flag=1;
                break;
            }
        }
        flag==1?cout<<"No":cout<<"Yes";
        cout<<endl;
    }
    return 0;
}

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/938376.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

java--抽象类(abstract)和接口(interface)

java--抽象类(abstract)和接口(interface)

一.抽象类(abstract) 1.概念: 当父类中的一些方法不能确定实现的具体功能时,可以用abstract关键字来修饰该方法,此时,该方法就是抽象方法,该方法不需要实现方法体.可由其子类实现父类的抽象方法, abstruct不能用来修饰属性, 用abstract修饰的类叫做抽象类 // 抽象类&#x…
阅读更多...
Web 毕设篇-适合小白、初级入门练手的 Spring Boot Web 毕业设计项目：教室信息管理系统（前后端源码 + 数据库 sql 脚本）

Web 毕设篇-适合小白、初级入门练手的 Spring Boot Web 毕业设计项目：教室信息管理系统（前后端源码 + 数据库 sql 脚本）

&#x1f525;博客主页&#xff1a; 【小扳_-CSDN博客】 ❤感谢大家点赞&#x1f44d;收藏⭐评论✍ 1.0 项目介绍 开发工具&#xff1a;IDEA、VScode 服务器&#xff1a;Tomcat&#xff0c; JDK 17 项目构建&#xff1a;maven 数据库&#xff1a;mysql 8.0 系统用户前台和管理…
阅读更多...
Qt之修改窗口标题、图标以及自定义标题栏（九）

Qt之修改窗口标题、图标以及自定义标题栏（九）

Qt开发 系列文章 - titles-icons-titlebars&#xff08;九&#xff09; 目录 前言 一、修改标题 二、添加图标 三、更换标题栏 1.效果演示 2.创建标题栏类 3.定义相关函数 4.使用标题栏类 总结 前言 在我们利用Qt设计软件时&#xff0c;经常需要修改窗口标题、更改软…
阅读更多...
JumpServer开源堡垒机搭建及使用

JumpServer开源堡垒机搭建及使用

目录 一，产品介绍 二，功能介绍 三，系统架构 3.1 应用架构 3.2 组件说明 3.3 逻辑架构 3.3 逻辑架构 四，linux单机部署及方式选择 4.1 操作系统要求（JumpServer-v3系列版本） 4.1.1 数据库 4.1.3创建数据库参考 4.2 在线安装 4.2.1 环境访问 4.3 基于docker容…
阅读更多...
Pytorch | 从零构建GoogleNet对CIFAR10进行分类

Pytorch | 从零构建GoogleNet对CIFAR10进行分类

Pytorch | 从零构建Vgg对CIFAR10进行分类 CIFAR10数据集GoogleNet网络结构特点网络整体架构特征图尺寸变化应用与影响 GoogleNet结构代码详解结构代码代码详解Inception 类初始化方法前向传播 forward GoogleNet 类初始化方法前向传播 forward 训练和测试训练代码train.py测试代…
阅读更多...
简单了解一下 Go 语言的构建约束？

简单了解一下 Go 语言的构建约束？

​构建约束是一种在 Go 语言中控制源文件编译条件的方法&#xff0c;它可以让您指定某些文件只在特定的操作系统、架构、编译器或 Go 版本下编译&#xff0c;而在其他环境中自动忽略。这样可以方便您针对不同的平台或场景编写不同的代码&#xff0c;实现条件编译的功能。 构建…
阅读更多...
12.17双向链表，循环链表

12.17双向链表，循环链表

循环单向链表 1.头文件test.h #ifndef __TEST_H_ #define __TEST_H_#include<stdio.h> #include<stdlib.h>typedef struct node {union{int len;int data;};struct node *next; }looplink,*looplinkPtr;//创建 looplinkPtr create();//判空 int empty(); //申请…
阅读更多...
图的最小生成树（C++实现图【3】）

图的最小生成树（C++实现图【3】）

目录 1.最小生成树 1.1 Kruskal算法 代码部分 1.2 Prim算法 代码部分 1.最小生成树 连通图中的每一棵生成树&#xff0c;都是原图的一个极大无环子图&#xff0c;即&#xff1a;从其中删去任何一条边&#xff0c;生成树就不在连通&#xff1b;反之&#xff0c;在其中引入任何一…
阅读更多...
解决电脑网速慢问题：硬件检查与软件设置指南

解决电脑网速慢问题：硬件检查与软件设置指南

电脑网速慢是许多用户在使用过程中常见的问题&#xff0c;它不仅会降低工作效率&#xff0c;还可能影响娱乐体验。导致电脑网速慢的原因多种多样&#xff0c;包括硬件问题、软件设置和网络环境等。本文将从不同角度分析这些原因&#xff0c;并提供提高电脑网速的方法。 一、检查…
阅读更多...
Python-基于Pygame的小游戏(贪吃蛇)（一）

Python-基于Pygame的小游戏(贪吃蛇)（一）

前言:贪吃蛇是一款经典的电子游戏&#xff0c;最早可以追溯到1976年的街机游戏Blockade。随着诺基亚手机的普及&#xff0c;贪吃蛇游戏在1990年代变得广为人知。它是一款休闲益智类游戏&#xff0c;适合所有年龄段的玩家&#xff0c;其最初为单机模式&#xff0c;后来随着技术发…
阅读更多...
MySQL表的增删改查(2)

MySQL表的增删改查(2)

1.数据库约束 1)约束类型 not null指定某列不能存储null值unique保证某列的每一行必须有唯一值default规定没有给列赋值时的默认值primary keynot null和unique的结合,一张表里只能有一个,作为身份标识的数据foreign key保证一个表的数据匹配另一个表中的值的参照完整性check…
阅读更多...
职场人如何提升职业技能？

职场人如何提升职业技能？

职场人如何提升职业技能&#xff1f; 在职场中&#xff0c;每个人都像是一名航行在广阔大海上的水手&#xff0c;面对着不断变化的风浪和挑战。要想在这片职场海洋中稳步前行&#xff0c;甚至脱颖而出&#xff0c;提升职业技能是必不可少的。那么&#xff0c;职场人究竟该如何…
阅读更多...
IVE Model 2.0.2运行报错：Error launching application × could not locate Java runtime

IVE Model 2.0.2运行报错：Error launching application × could not locate Java runtime

在windows电脑上运行IVE Model 2.0.2程序的时候弹窗报错： could not locate Java runtime 一、原因分析 第一次安装的时候，很确定自己的JDK环境安装是没有问题，但是运行仍然会报错，由于软件没有说明使用什么版本的JDK只能挨个尝试，换了几个版本仍然不行，忽然想到，这个软…
阅读更多...
模型训练篇 | 关于常见的10种数据标注工具介绍

模型训练篇 | 关于常见的10种数据标注工具介绍

前言：Hello大家好，我是小哥谈。数据标注工具是一种用于标记和分类数字图像、音频、视频或文本等数据集的工具。数据标注工具可以自动或手动标记数据集中的对象、人脸、物体、文字等，以便机器学习模型能够理解和识别这些数据。数据标注工具通常由开发者或数据标注团队开发和使…
阅读更多...
Linux应用开发————mysql数据库

Linux应用开发————mysql数据库

数据库概述 什么是数据库(database)? 数据库是一种数据管理的管理软件&#xff0c;它的作用是为了有效管理数据&#xff0c;形成一个尽可能无几余的数据集合&#xff0c;并能提供接口&#xff0c;方便用户使用。 数据库能用来干什么? 顾名思义&#xff0c;仓库就是用来保存东…
阅读更多...
c++理解(三)

c++理解(三)

本文主要探讨c相关知识。 模板是对类型参数化 函数模板特化不是模板函数重载 allocator(空间配置器):内存开辟释放,对象构造析构 优先调用对象成员方法实现的运算符重载函数,其次全局作用域找 迭代器遍历访问元素,调用erase&#xff0c;insert方法后&#xff0c;当前位置到容器…
阅读更多...
动态规划——最长公共子序列

动态规划——最长公共子序列

文章目录 概要整体流程问题描述递推公式由来两个序列的最后一位相等两个序列的最后一位不等左图右图 表格填写dp 表格定义递推公式填表过程填表过程解析最终结果 小结 概要 动态规划相关知识 求解最长的公共子序列 整体流程 问题定义与区分&#xff1a;理解最长公共子串与最…
阅读更多...
Node的学习以及学习通过Node书写接口并简单操作数据库

Node的学习以及学习通过Node书写接口并简单操作数据库

Node的学习 Node的基础上述是关于Node的一些基础&#xff0c;总结的还行&#xff1b; 利用Node书写接口并操作数据库 1. 初始化项目 创建新的项目文件夹&#xff0c;并初始化 package.json mkdir my-backend cd my-backend npm init -y2. 安装必要的依赖 安装Express.js&…
阅读更多...
arXiv-2024 | NavAgent：基于多尺度城市街道视图融合的无人机视觉语言导航

arXiv-2024 | NavAgent：基于多尺度城市街道视图融合的无人机视觉语言导航

作者&#xff1a;Youzhi Liu, Fanglong Yao*, Yuanchang Yue, Guangluan Xu, Xian Sun, Kun Fu 单位&#xff1a;中国科学院大学电子电气与通信工程学院&#xff0c;中国科学院空天信息创新研究院网络信息系统技术重点实验室 原文链接&#xff1a;NavAgent: Multi-scale Urba…
阅读更多...
易语言鼠标轨迹算法（游戏防检测算法）

易语言鼠标轨迹算法（游戏防检测算法）

一.简介 鼠标轨迹算法是一种模拟人类鼠标操作的程序&#xff0c;它能够模拟出自然而真实的鼠标移动路径。 鼠标轨迹算法的底层实现采用C/C语言&#xff0c;原因在于C/C提供了高性能的执行能力和直接访问操作系统底层资源的能力。 鼠标轨迹算法具有以下优势&#xff1a; 模拟…
阅读更多...
最新文章

Copyright @ 2022~2023