【青训营 - 前端练习题】
想知道青训营笔试题怎么考？快来这里看看练习题吧！
收集自字节青训营官方账号
Day1
选择题 1：
下列哪些是 HTML5 的新特性？
A. 语义标签
B. Canvas 绘图
C. <audio>元素
D. 增强型表单
选择题 2：
下面可以继承的属性有哪些？
A. font-size
B. background
C. color
D. cursor
1、ABCD；2、ACD
Day2
选择题 1：
对于一条100M的宽带，理论下载速度上限是多少？
A. 12.5MB/s
B. 100MB/s
C. 10MB/s
D. 10Mb/s
选择题 2：
关于 for of 和 for in 的描述，正确的是？
A. for in 可以循环普通对象
B. for of 可以循环普通对象
C. 都不可以循环数组
D. 都可以循环数组
1、A；2、AD
Day3
选择题 1：
关于事件冒泡描述正确的是？
A. 从目标元素向 document 冒泡
B. 从 document 向目标元素冒泡
C. 从 document 向目标元素冒泡，再从目标元素向 document 冒泡
D. 以上都不是
选择题 2：
以下哪些 script 标签属性会使脚本有可能在 DOMContentLoaded 事件之后加载？
A. <script async>
B. <script defer>
C. <script type=“module”>
D. <script type=“module” async>
1、A；2、AD
Day4
选择题 1：
以下哪些是 CSS 块级元素的特性？
A. 宽度默认由其中的内容决定
B. 高度默认由其中的内容决定
C. 可以被分拆到多行
D. 可以通过 height 属性指定高度
选择题 2：
以下关于跨域说法错误的是？
A. example.com 和 example.com 是相同的域名，属于同源
B. 跨域资源共享规范中规定了除了 GET 之外的 HTTP 请求，或者搭配某些 MINE 类型的 POST 请求，浏览器都需要先发一个 OPTIONS 请求。
C. CSS 中通过 @font-face 使用字体也会有跨域问题
D. Cookie，LocalStorage 和 IndexedDB 都会受到同源策略的限制
1、BD；2、A
Day5
选择题 1：
下列哪些可以实现浏览器存储数据？
A. cookie
B. localStorage
C. session
D. sessionStorage
选择题 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
1、ABD；2、A
Day6
选择题 1：
在 css 选择器当中，优先级排序正确的是？
A. id选择器>标签选择器>类选择器
B. 标签选择器>类选择器>id选择器
C. 类选择器>标签选择器>id选择器
D. id选择器>类选择器>标签选择器
选择题 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、D；2、A
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
1、D；2、B or D；
说明：第二题代码少一个换行
var f = function () {
console.log('1'); }
function f() {
console.log('2'); }
f()
如果没有换行会报错
Day8
选择题 1：
下列说法正确的有哪些？
A. visibility:hidden表示所占据的空间位置仍然存在，仅为视觉上的完全透明
B. display:none不为被隐藏的对象保留其物理空间
C. visibility:hidden与display:none两者没有本质上的区别
D. visibility:hidden回流与重绘
选择题 2：
若主机甲与主机已已建立一条 TCP 链接，最大段长（MSS）为 1KB，往返时间（RTT）为 2 ms，则在不出现拥塞的前提下，拥塞窗口从 8KB 增长到 32KB 所需的最长时间是？
A. 4ms
B. 8ms
C. 24ms
D. 48ms
1、AB；2、D
Day9
选择题 1：
以下对HTML标签的使用，哪些是符合语义的？
A. 使用 table 展示表格数据
B. 使用 span 表示按钮
C. 使用 article 展示文章内容
D. 使用 p 标签展示文章标题
选择题 2：
包过滤防火墙对数据包的过滤依据不包括哪些？
A. 源IP地址
B. 源端口号
C. MAC 地址
D. 目的 IP 地址
1、AC；2、C
编程题
限定语言：C、 C++、Java、Python、JavaScript V8]
编程题1
给定一个十进制整数字符串，判断它是否是 4 的幂。
示例 1
输入：“16”，输出：true
示例 2
输入：“101”，输出：false
示例 3
输入：“70368744177664”
输出：true
编程题2
给定一个字符串，验证它是否是回文串，只考虑字母和数字字符，可以忽略空格、字母的大小写。
示例
输入：“A man, a plan, a canal: Panama”
输出：true
编程题3
给定一个字符串，找出该字符串中最长回文子串的长度。
示例 1
输入：“abc”
输出：0
示例 2
输入：“abcbe”
输出：3
示例 3
输入：“acdcecdcf”
输出：7