Web前端基础笔试选择题（含详细答案解析）

Web前端基础笔试选择题（含详细答案解析）本套试题共20道单选，涵盖HTML、CSS、JavaScript、浏览器原理、前端基础常识等核心考点，贴合企业日常招聘笔试难度，每道题目均附带详细解析。一、单选题（共20题）1.以下哪个标签不属于HTML5新增语义化标签？（）A.header

B.section

C.div

D.article答案：C解析：div是传统HTML通用块级标签，无任何语义。header（头部）、section（区块）、article（独立文章内容）均为HTML5新增的语义化标签，用于规范页面结构，提升可读性与SEO优化效果。2.关于HTML超链接target属性，_blank的作用是？（）A.在当前窗口打开链接

B.在新窗口打开链接

C.在父窗口打开链接

D.在顶层窗口打开链接答案：B解析：target="_blank"表示强制在全新浏览器窗口/标签页打开跳转链接；_self为默认值，当前窗口打开；_parent为父窗口打开；_top为顶层窗口打开。3.CSS中，以下哪个属性可以实现元素水平居中？（）A.text-align:center

B.margin:0auto

C.float:center

D.position:center答案：B解析：margin:0auto适用于定宽块级元素，可实现元素整体水平居中；text-align:center仅用于让元素内部的文本、行内元素居中；CSS无float:center和position:center合法属性值。4.以下不属于CSS选择器权重排序正确的是？（）A.内联样式>ID选择器

B.类选择器>标签选择器

C.ID选择器>类选择器

D.标签选择器>通配符选择器答案：D解析：CSS选择器权重从高到低：内联样式>ID选择器>类/属性/伪类选择器>标签/伪元素选择器>通配符选择器。标签选择器权重大于通配符，D选项表述逻辑错误。5.CSS中overflow:hidden;无法实现以下哪种效果？（）A.隐藏溢出的内容

B.清除浮动

C.触发BFC

D.让元素隐藏不占位答案：D解析：overflow:hidden可隐藏元素溢出内容、触发BFC、解决父级高度塌陷（清除浮动）；元素隐藏不占位需使用display:none，visibility:hidden是隐藏但占位，overflow无此效果。6.以下关于JavaScript变量声明，说法错误的是？（）A.var存在变量提升

B.let和const存在暂时性死区

C.const声明的变量不可修改

D.let不能重复声明同一变量答案：C解析：const用于声明常量，若值为基本数据类型（字符串、数字等），无法修改；若为引用数据类型（数组、对象），可以修改内部属性/元素，仅不能重新赋值，因此“不可修改”的表述错误。7.下列JS数据类型中，属于引用类型的是？（）A.String

B.Number

C.Object

D.Undefined答案：C解析：JS基本数据类型（值类型）：String、Number、Boolean、Undefined、Null、Symbol、BigInt；引用数据类型：Object、Array、Function、RegExp等。8.console.log(1+'2'+3)的输出结果是？（）A.6

B.123

C.15

D.33答案：B解析：JS中字符串与数字相加会触发隐式类型转换，数字转为字符串拼接。执行顺序：1+'2'='12'，再+'3'='123'。9.以下哪个方法不会改变原数组？（）A.push

B.splice

C.map

D.reverse答案：C解析：map方法遍历数组并返回新数组，不会修改原数组；push（尾部添加）、splice（增删改）、reverse（反转数组）均会直接改变原数组。10.JS中==和===的区别，说法正确的是？（）A.两者无区别

B.==先转换类型再比较值，===严格匹配类型和值

C.===先转换类型再比较值

D.==严格匹配类型和值答案：B解析：==是宽松相等，会进行隐式类型转换后对比数值；===是严格相等，必须类型、数值完全一致才返回true，不做类型转换。11.关于JS闭包，说法错误的是？（）A.闭包可以让函数内部变量常驻内存

B.闭包可能造成内存泄漏

C.闭包无法访问外部函数变量

D.内层函数引用外层函数变量即可形成闭包答案：C解析：闭包的核心特性是内层函数可以访问外层函数的作用域变量，即便外层函数执行完毕，变量依然可被访问。闭包会保留变量内存，使用不当会引发内存泄漏。12.以下不属于JS循环语句的是？（）A.for

B.while

C.do...while

D.switch答案：D解析：switch是条件分支判断语句，用于多条件匹配；for、while、do...while均为JS标准循环语句。13.浏览器渲染页面的正确顺序是？（）A.构建DOM树→构建CSSOM树→生成渲染树→布局→绘制

B.构建CSSOM树→构建DOM树→生成渲染树→布局→绘制

C.构建DOM树→生成渲染树→构建CSSOM树→布局→绘制

D.布局→绘制→构建DOM树→构建CSSOM树答案：A解析：浏览器渲染流程：1.解析HTML构建DOM树；2.解析CSS构建CSSOM树；3.结合DOM和CSSOM生成渲染树；4.布局（计算元素位置大小）；5.绘制（渲染像素到页面）。14.以下哪种事件流阶段优先级最高？（）A.捕获阶段

B.目标阶段

C.冒泡阶段

D.同步阶段答案：B解析：JS事件流三个阶段顺序：捕获阶段→目标阶段→冒泡阶段。目标阶段是事件触发的真实元素阶段，优先级最高，不受捕获、冒泡顺序影响。15.阻止事件冒泡的标准方法是？（）A.event.stopPropagation()

B.event.preventDefault()

C.returnfalse

D.event.stop()答案：A解析：event.stopPropagation()专门用于阻止事件冒泡；event.preventDefault()用于阻止元素默认行为（如链接跳转、表单提交）；returnfalse可同时阻止冒泡和默认行为，并非标准专用方法；无event.stop()原生方法。16.关于cookie、localStorage、sessionStorage，说法正确的是？（）A.localStorage页面关闭后数据清空

B.cookie存储容量最大

C.sessionStorage仅当前会话有效

D.三者都可以跨域访问答案：C解析：sessionStorage数据仅在当前浏览器会话有效，页面关闭即清空；localStorage永久存储，手动清除才会失效；cookie容量最小（4KB），localStorage/sessionStorage约5MB；三者均受跨域限制，无法跨域访问。17.以下哪个是flex布局中让子元素垂直居中的属性？（）A.justify-content:center

B.align-items:center

C.text-align:center

D.vertical-align:center答案：B解析：flex布局中，justify-content控制主轴（默认水平）对齐，align-items控制侧轴（默认垂直）对齐；vertical-align不适用于flex子元素居中，text-align仅作用于文本。18.下列JS表达式结果为false的是？（）A.''==0

B.null==undefined

C.1==='1'

D.true==1答案：C解析：===严格匹配类型和值，数字1和字符串'1'类型不同，结果为false；其余选项均为宽松相等下的true。19.移动端适配中，rem的基准单位是？（）A.浏览器视口宽度

B.根元素font-size

C.当前元素font-size

D.屏幕分辨率答案：B解析：rem是相对单位，1rem等同于html根标签的font-size大小，是移动端主流适配方案；em相对当前元素字体大小，vw相对视口宽度。20.关于异步JS，说法正确的是？（）A.异步代码执行顺序一定晚于同