青训营 x 训练营结营测试题目（前端方向）

---

📋前言

这篇文章的内容是23年6月青训营 x 训练营结营题目，题目一共有25题，题目类型为选择题，包括了单选题和多选题，题目的技术点包括了计算机网络、网络安全、shell 脚本、Linux、前端基础、前端框架。

---

🎯选择题（含多选）

❗注意：背景和颜色是这样的答案的选项是正确答案，没有备注多选题的题目都是单选的。答案并非标准官方答案，不一定百分百准确，如果有疑问和争议的内容，可以评论区留言和私信我，收到消息第一时间解答和回复。

【单选题】关于 V8，下列选项错误的是
V8 是一个开源的 JavaScript 引擎，主要被应用于 Chrome 和 Chromium 中

V8 将 JavaScript 源代码最终编译为机器码，主要采用的策略是 JIT（即时编译）

如果某段代码执行频率较高，V8 会将其标记为热点代码并优化处理生成机器码，一旦生成机器码后
续便无需再优化

V8 处理源代码，一定会经过构建抽象语法树的阶段

---

【多选题】下列可以在浏览器中实现的能力，选项正确的是
调用本机的前置相机，实时获取相机输入数据，美颜后显示在 Web 页面上

Web XR(Web AR + Web XR)，需要配合虚拟设备使用

借助 WebAssembly 的能力，在浏览器端运行 Python

通过 WebGPU 的先进 API 和设计理念，达到高于桌面端的渲染性能

---

【多选题】网络安全的基本要素有
完整性

防嗅探

身份验证

机密性

---

【单选题】以下关于 HTTP 协议的说法正确的有
HTTP 2 一定比 HTTP 1 或 HTTP/1.1 更快

HTTP 3 在任何情况下都可以实现 0 RTT 连接

HTTP 2 中已经不存在任何形式的队头阻塞了

HTTPS 是由夹在 HTTP 和 TCP 之间的 TLS/SSL 层实现通讯加密的

---

【多选题】以下哪些 hook 或者方法可以用于组件性能优化？
React.useMemo

React.useState

React.useCallback

shouldComponentUpdate

---

【多选题】以下关于 hook 的说法错误的是
自定义 hook 必须以 use 开头

hook 的本质是一个纯函数，所以可以在任何函数中调用

只能在组件最外层使用 hook

如果多个组件调用同一个自定义 hook，那这个hook 中的状态是通用的。

---

【多选题】shell 脚本中 ’ 和 ‘’ 引号有什么区别？
没有区别

当我们不希望把变量转换为值的时候使用单引号

双引号会计算所有变量的值并用值替代

单引号内部可以执行 shell 命令

---

【多选题】如何在 shell 脚本中使用参数 ?
$#

$*

arguments

$1

---

【单选题】以下对 TypeScript 中类成员描述错误的是
public: 成员都默认为 public，被此限定符修饰的成员是可以被外部访问；

private: 被此限定符修饰的成员是只可以被类的内部访问；

protected: 被此限定符修饰的成员只能被继承类的子类访问;

readonly: 关键字将属性设置为只读的。 只读属性必须在声明时或构造函数里被初始化。

---

【单选题】以下对于类型别名type和接口interface描述错误的是
类型别名支持继承；

类型别名可以为任何类型引入名称。例如基本类型，联合类型等；

类型别名无法被实现( implements )，而接口可以被派生类实现；

类型别名重名时编译器会抛出错误，接口重名时会产生合并；

---

【单选题】以下元素层叠水平最高的是
A元素：根元素上的一个 block 元素，无定位无 z-index

B元素：根元素上的一个 inline 元素，无定位无 z-index

C元素：根元素上一个 block 元素( Z元素 )的子元素( C元素 )，Z元素的属性有 position: relative、z-index:
auto，C元素z-index: 100

D元素：根元素上一个 block 元素，D元素 position: absolute 、z-index: 10

---

【多选题】关于日常开发中css的表现正确的有
将一个元素设置为 display:inline-block ，可以阻止它和它的子元素之间的外边距重叠

一个内联元素的 vertical-align: middle ，表示将它的中线和父元素的基线上移半个 x 的高度对齐

一个元素的 padding 设置为20%，是基于其父元素的宽度计算

.title + .content {…} 和 .wrapper >.content{…} 如果作用于同一个元素，需要根据css代码的位置判定 哪个生效

设备像素比是指在未放缩状态下，设备像素和参考像素的比值

---

【单选题】Linux 三种权限中只允许进入目录的权限是
r - 可读

w - 可写

x - 可执行

都不是

---

【单选题】下面哪个不是 Linux 内核提供的能力
进程管理

内存管理

文件管理

用户界面管理

---

【多选题】下面关于 CSS 变量的说法正确的是
声明 css 变量需以 "--" 开始

读取 css 变量值时可以直接通过 var() 函数

大小写不敏感，--custom-color 和 --Custom-Color 是同一个 CSS 变量

浏览器遇到无效的 var() 时，会使用继承值或初始值代替

---

【单选题】关于变量提升，以下说法正确的是
var 有变量提升

let 有变量提升

const 有变量提升

JS 没有变量提升

---

【多选题】浏览器中，关于 JS 线程，以下说法正确的是
JS 是多线程

JS 线程和渲染线程互斥

JS 执行只有一个主线程没有其他线程参与

JS 中除了主线程还有定时器线程等其他线程

---

【单选题】关于浏览器性能优化说法正确的有
给 dom 元素增加 will-change 属性，启动 GPU 加速

构建时尽量将资源合并，减少网络请求

在 requestIdleCallback 回调里做上报操作

---

【多选题】跨端方案中，下列说法正确的有
App 中只能使用系统浏览器自带的 webview 控件

小程序的渲染层基于webview实现

React Native 框架将 JSCore 作为 JavaScript 的运行环境

Flutter是依赖 skia 图形库进行绘制，所以在各平台都有相同的 UI 表现

---

【单选题】下列不是 React Context 的缺点
容易产生不必要的渲染

存在层层嵌套金字塔

无法控制渲染粒度

可以进行时间旅行

---

【单选题】以下哪种状态管理工具支持 React 类组件
Redux-toolkit

Mobx

Recoil

Zustand

---

【多选题】应用可观测性手段包含以下哪些方式？
日志

埋点

链路追踪

限流

---

以下代码的输出结果是

function A(x) {this.x = x;
}
A.prototype.x = 1;function B(x) {this.x = x;
}
B.prototype = new A();
const b = new B(3);
delete b.x;
console.log(b.x);

undefine

null

1

3

---

以下代码的输出结果是

for (let i = 0; i < 5; i++) {setTimeout(function () {console.log(i);}, 100 * i);
}

01234

555555

012345

44444

---

【多选题】下面哪些是 JS 的基础数据类型
String

Array

Symbol

BigInt

---

📝最后

注意！答案并非标准官方答案，不一定百分百准确，如果有疑问和争议的内容，可以评论区留言和私信我，收到消息第一时间解答和回复。