字节青训营前端复习题---不定项

文章目录

目录

文章目录

前言

一、DAY1

二、DAY2

三、DAY3

四、DAY4

五、DAY5

六、DAY6

七、DAY7

八、DAY8

九、DAY9

总结

---

---

前言

不定项+编程题

---

一、DAY1

选择题 1：
下列哪些是 HTML5 的新特性？
A. 语义标签
B. Canvas 绘图
C. <audio>元素
D. 增强型表单
 

 HTML5 中我们新增了一些带有语义的标签：

• header --- 头部标签
• nav --- 导航标签
• article --- 内容标签
• section --- 定义文档某个区域
• aside --- 侧边栏标签
• footer --- 尾部标签

本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失

sessionStorage的数据在浏览器关闭后自动删除

绘画 canvas，HTML5 标签用于绘制图像(通过脚本，通常是 JavaScript)。

新增的多媒体标签主要包含两个：

1. 视频 <video>

2. 音频 <audio>

placeholder

提示文本

表单的提示信息，存在默认值将不再显示

选择题 2：
下面可以继承的属性有哪些？
A. font-size
B. background
C. color
D. cursor

不可继承的：display、margin、border、padding、background、min-height、max-height、width、height、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi

二、DAY2

选择题 1：
对于一条100M的宽带，理论下载速度上限是多少？
A. 12.5MB/s
B. 100MB/s
C. 10MB/s
D. 10Mb/s

“100兆宽带最大下载速度是≈12.5MB/秒。

选择题 2：
关于 for of 和 for in 的描述，正确的是？
A. for in 可以循环普通对象
B. for of 可以循环普通对象
C. 都不可以循环数组
D. 都可以循环数组

• for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。

• for in 可以遍历对象，for of 不能遍历对象，只能遍历带有iterator接口的，例如Set,Map,String,Array

• for in适合遍历对象，for of适合遍历数组。

三、DAY3

关于事件冒泡描述正确的是？
A. 从目标元素向 document 冒泡
B. 从 document 向目标元素冒泡
C. 从 document 向目标元素冒泡，再从目标元素向 document 冒泡
D. 以上都不是

冒泡 div -> body -> html -> document

捕获 document -> html -> body -> div -> div

选择题 2：
以下哪些 script 标签属性会使脚本有可能在 DOMContentLoaded 事件之后加载？
A. <script async>
B. <script defer>
C. <script type="module">
D. <script type="module" async>

AD 前后都有可能

B 会在DOMContentLoaded前

四、DAY4

选择题 1：
以下哪些是 CSS 块级元素的特性？
A. 宽度默认由其中的内容决定
B. 高度默认由其中的内容决定
C. 可以被分拆到多行
D. 可以通过 height 属性指定高度

块级元素

• 独占一行
• 高度，宽度、外边距以及内边距都可以控制
• 宽度默认是容器（父级宽度）的100%。
•  是一个容器及盒子，里面可以放行内或者块级元素

行内元素

• 一行显示多个

•  高、宽直接设置是无效的， 默认宽度就是它本身内容的宽度。

• 只能容纳文本或其他行内元素。

选择题 2：
以下关于跨域说法错误的是？
A. 正在上传…重新上传取消example.com 和 正在上传…重新上传取消example.com 是相同的域名，属于同源
B. 跨域资源共享规范中规定了除了 GET 之外的 HTTP 请求，或者搭配某些 MINE 类型的 POST 请求，浏览器都需要先发一个 OPTIONS 请求。
C. CSS 中通过 @font-face 使用字体也会有跨域问题
D. Cookie，LocalStorage 和 IndexedDB 都会受到同源策略的限制

A  http 和 https

五、DAY5

下列哪些可以实现浏览器存储数据？
A. cookie
B. localStorage
C. session
D. sessionStorage

HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）

是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。

新的浏览器 API 已经允许开发者直接将数据存储到本地，如使用 Web storage API（localStorage 和 sessionStorage）或 IndexedDB 。

Web Storage 的两种机制：
- sessionStorage 为每一个给定的源（given origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开

状态，包括页面重新加载和恢复）。
- localStorage 具有同样的功能，但是在浏览器关闭，然后重新打开后数据仍然存在。
 

选择题 2：
对以下代码说法正确的是？
let arr = [1,2,3,4,5];
let arr2 = [1, , 3];
A. 执行 arr.length = 3，此时数组为 [1,2,3]
B. 执行 arr[10] = 11，此时 arr.length 为 6
C. 执行 delete arr[2]，此时 arr.length 为 4，数组为 [1,2,4,5]
D. arr2.length 的长度为 2

length 属性值也会随数组元素的变化而自动更新。

如果 length 属性被设置了一个比当前 length 值小的值，

》则数组会被截断，从该数下标开始的值都会丢失。

如果 length 属性被设置了一个比当前 length 值大的值，

》数组增长到新指定的长度，空的读取值都为 undefined。

C   delete操作符不会修改length属性，使用splice()​会

六、DAY6

选择题 1：
在 css 选择器当中，优先级排序正确的是？
A. id选择器>标签选择器>类选择器
B. 标签选择器>类选择器>id选择器
C. 类选择器>标签选择器>id选择器
D. id选择器>类选择器>标签选择器

css优先级权重

等级	定义	计算值
5	!important	10000
4	style属性内联	1000
3	ID选择器（#）	100
2	类选择器、属性选择器和伪类	10
1	标签选择器	1

0级：通配选择器、选择符和逻辑组合伪类

（可叠加计算）

选择题 2：
如以下代码所示，给 body 绑定两个事件后，调用 document.body.click() 输出的结果是？
document.body.addEventListener('click', () => {
Promise.resolve().then(() => console.log(1))
console.log(2);
}, false);
document.body.addEventListener('click', () => {
Promise.resolve().then(() => console.log(3))
console.log(4);
}, false);
A. 2, 4, 1, 3
B. 2, 1, 4, 3
C. 1, 2, 3, 4
D. 1, 3, 2, 4

• 1、遇到同步代码​直接执行
• 2、遇到异步代码​先放一边，并且将他回调函数​存起来，存的地方叫事件队列​
• 3、等所有同步代码​都执行完，再从事件队列​中把存起来的所有异步回调函数​拿出来按顺序执行

七、DAY7

选择题 1：
浮动会导致页面的非正常显示，以下几种清除浮动的方法，哪个是不推荐使用的？
A. 在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>
B. 通过设置父元素overflow值为hidden；
C. 给父元素添加clearfix类
D. 父元素也设置浮动

选择题 2：
以下代码的运行结果是？
var f = function () { console.log('1'); }

function f() { console.log('2'); }
f()
A. undefined
B. 报错
C. 2
D. 1

函数的两种定义方式

• 函数表达式var f = function () { console.log('1'); }​
• 函数声明式function f() { console.log('2'); }

解析器读取js代码时，会先读取函数的声明（函数提升），var声明的变量也存在着变量提升，函数提升优于变量提升。所以f()​最开始是'2'，后来被'1'覆盖

八、DAY8

选择题 1：
下列说法正确的有哪些？
A. visibility:hidden 表示所占据的空间位置仍然存在，仅为视觉上的完全透明
B. display:none 不为被隐藏的对象保留其物理空间
C. visibility:hidden 与display:none 两者没有本质上的区别
D. visibility:hidden 回流与重绘

元素消失的属性：

• ​display:none​不会渲染该元素，元素消失，不占位，会造成浏览器的回流与重绘
• ​visibility:hidden​占位，会造成浏览器的重绘
• ​opacity: 占位，一般会引发重绘

选择题 2：
若主机甲与主机已已建立一条 TCP 链接，最大段长（MSS）为 1KB，往返时间（RTT）为 2 ms，则在不出现拥塞的前提下，拥塞窗口从 8KB 增长到 32KB 所需的最长时间是？
A. 4ms
B. 8ms
C. 24ms
D. 48ms

拥塞窗口增大的量乘以往返时间：

(32-8)*2ms=48ms

        拥塞窗口调整有两种模式，一种是以指数增长的慢启动模式，另一种是以线性增长的拥塞避免模式。开始传输时是以慢启动模式调整拥塞窗口，当窗口大小达到名为ssthresh的阈值时，改用拥塞避免模式调整。

        问“最长时间”，应该就是指ssthresh非常小以至于一开始就是拥塞避免模式，使得窗口调整的速度较慢，每一个RTT会增加1个MSS（这里是1KB）。从8KB到32KB有24KB的调整空间，就需要24个RTT*每个RTT的2ms，共计48ms。

九、DAY9

以下对HTML标签的使用，哪些是符合语义的？
A. 使用 table 展示表格数据
B. 使用 span 表示按钮
C. 使用 article 展示文章内容
D. 使用 p 标签展示文章标题

选择题 2：
包过滤防火墙对数据包的过滤依据不包括哪些？
A. 源IP地址
B. 源端口号
C. MAC 地址
D. 目的 IP 地址

数据包过滤是通过对数据包的IP头、TCP头、UDP头的检查来实现的，主要信息有：

• IP源地址、IP目标地址

• 协议（TCP包、UDP包和ICMP包）

• TCP或UDP包的目标端口、源端口

• CMP消息类型

• TCP包头中的ACK位

• 数据包到达的端口

• 数据包出去的端口

---

总结