2022-2023寒假字节青训营前端练习题（选择题）

Kw_Chng

已于 2023-01-03 15:34:29 修改

阅读量1.2k

点赞数

文章标签：前端

于 2022-12-31 12:31:59 首次发布

本文链接：https://blog.csdn.net/weixin_43526403/article/details/128467348

版权

DAY1

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

【ans：ABCD】

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

【ans：ACD】

DAY2

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

【ans：A 1Mbps=1024Kbps=1024/8KBps=128KB/s，1M 的宽带下载速度理论能达到 128KB/s ，那么100M宽带下载按照公式计算结果：128KB/s x 100 = 12800 KB/s = 12.5M/s】

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

【ans：AD】

DAY3

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

【ans：A】

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

【ans：AD】

DAY4

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

【ans：ABD】

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

【ans：A 同源，是指协议、域名、端口都相同，A中两个地址不是同源，因为协议不同，第一个冒号前面的为协议，中间的为域名，第二个冒号后面的为端口，只要满足有一处不同，则就不是同源。
D=》如果网页之间不满足“同源”的要求，那么它们之间：(1)不能共享Cookie、LocalStorage、IndexDB；(2)不能获取DOM；(3)AJAX请求不能发送】

DAY5

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

【ans：ABD session在网络应用中称为“会话控制”，是服务器为了保存用户状态而创建的一个特殊的对象。简而言之，session就是一个对象，用于存储信息】

选择题 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

【ans：A 对于C：delete可以通过数组的下标将js数组中的一个元素从指定位置上删除，但是删除掉数组中的元素后，数组的长度不会变, 只是原数组的内容改变了，而是用empty填充被删除的元素】

DAY6

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

【ans：D】

选择题 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

【ans：A 2,4属于主线程任务，直接输出，1,3按顺序推进微任务】

DAY7

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

【ans：D】

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

【ans：D 在function声明函数的时候会被认为是声明变量提到头部，因此看起来是2覆盖1 ，实际上是1覆盖2】

DAY8：

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

【ans：AB display:hidden(回流与重绘)】

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

【ans：D TCP拥塞控慢开始，加法增大，快重传，快恢复。由于慢开始门限ssthresh可以根据需求设置，为了得到最长时间，可以把门限设置的小于8KB，这样只要不出现拥塞，一开始到后面都是加法增大（每经历一个传输轮次（RTT），拥塞窗口逐次加1）。因此(32 - 8) * 2ms = 48 ms。】