前端初级面试题及答案

前端初级面试题及答案

一、文档说明本文档整理了前端初级岗位面试中高频出现的题目及答案，涵盖HTML/CSS、JavaScript、DOM/BOM操作、前端工程化、HTTP与网络等核心知识点题目难度适中，答案简洁实用，适合面试前系统复习和巩固基础，帮助快速掌握前端初级岗位的核心考察点

二、单项选择题（共30题，每题1分）

1.HTML/CSS基础以下哪个不是HTML5新增的语义化标签？（）A.div B.header C.footer D.nav答案ACSS中，哪个属性用于设置元素的外边距？（）A.padding B.margin C.border D.background答案B以下哪个CSS选择器的优先级最高？（）A..class选择器B.#id选择器C.标签选择器D.后代选择器答案B关于盒模型，以下说法正确的是？（）A.默认盒模型中，width仅包含content部分B.box-sizing:border-box时，width包含content+padding+borderC.盒模型中，height仅影响内容区域高度D.外边距不会影响元素的实际占据空间答案B以下哪个标签用于定义HTML文档的头部信息？（）A.B.C.D.第1页共7页答案B

2.JavaScript基础JavaScript中，以下哪个数据类型是引用类型？（）A.Number B.String C.Object D.Boolean答案C以下哪个方法可以将字符串转换为数字？（）A.String B.Number C.toUpperCase D.indexOf答案B关于函数声明和函数表达式，以下说法错误的是？（）A.函数声明会被提升到作用域顶部B.函数表达式需先声明后调用C.函数声明的函数名可以在声明前访问D.函数表达式的变量名不可在声明后访问答案D以下哪个不是JavaScript的内置对象？（）A.Array B.Date C.Math D.DOM答案D以下代码的输出结果是？（）```javascriptconsole.log1+2;A.3B.12C.NaN D.报错答案B

3.DOM/BOM操作以下哪个方法用于获取DOM元素？（）A.document.createElement B.document.querySelector第2页共7页C.document.appendChild D.document.removeChild答案B关于事件监听，以下说法正确的是？（）A.只能为单个元素绑定事件B.addEventListener方法支持事件冒泡C.onclick事件只能通过HTML标签的onclick属性绑定D.事件捕获阶段先触发目标元素的事件处理函数答案B以下哪个属性用于设置元素的显示/隐藏？（）A.visibility:hidden B.display:none C.opacity:0D.height:0答案B以下代码中，变量arr的长度是？（）```javascriptlet arr=[1,2,,4];A.3B.4C.2D.5答案A

4.前端工程化与框架以下哪个不是前端构建工具？（）A.Webpack B.Vite C.Babel D.React答案DCSS预处理器不包括以下哪个？（）A.Sass B.Less C.Stylus D.CSS Modules答案D以下哪个是React的核心概念？（）第3页共7页A.双向数据绑定B.虚拟DOM C.服务端渲染D.以上都是答案D

5.HTTP与网络HTTP请求方法中，用于获取资源的是？（）A.POST B.GET C.PUT D.DELETE答案B以下哪个状态码表示请求成功？（）A.404B.500C.200D.304答案C以下哪个不是HTTP请求的组成部分？（）A.请求行B.请求头C.请求体D.响应体答案D

6.综合基础以下哪个不是前端性能优化的常见手段？（）A.图片懒加载B.代码压缩C.频繁DOM操作D.减少HTTP请求次数答案C关于CSS Flexbox布局，以下说法正确的是？（）A.flex-direction:row表示垂直排列B.justify-content用于控制主轴对齐方式C.flex-wrap:wrap会导致元素不换行D.align-items控制交叉轴对齐方式答案BJavaScript中，以下哪个方法用于数组去重？（）A.join B.concat C.filter D.[...new Setarr]第4页共7页答案D以下哪个不是前端存储方式？（）A.localStorage B.sessionStorage C.Cookie D.DOM答案D关于ES6的箭头函数，以下说法错误的是？（）A.箭头函数没有自己的this B.箭头函数不能用作构造函数C.箭头函数必须使用大括号{}包裹函数体D.箭头函数没有arguments对象答案C

二、多项选择题（共20题，每题2分）

1.HTML/CSS以下属于HTML5新增表单元素的有？（）A.B.C.D.答案ABDCSS中，哪些属性可以影响元素的定位？（）A.position B.float C.display D.z-index答案ABCD以下哪些是CSS中的长度单位？（）A.px B.em C.rem D.vh答案ABCD

2.JavaScript以下哪些是JavaScript的基本数据类型？（）A.Undefined B.Object C.Null D.Symbol答案ACD关于let和var的区别，以下说法正确的有？（）第5页共7页A.let存在块级作用域，var存在函数作用域B.let不会变量提升，var会变量提升C.同一作用域内let可重复声明，var不可D.let声明的变量不会挂载到window上，var会答案AD以下哪些数组方法会改变原数组？（）A.push B.pop C.map D.splice答案ABD以下哪些是JavaScript中的循环语句？（）A.for B.while C.do-while D.for-in答案ABCD

3.DOM/BOM以下哪些是DOM事件流的阶段？（）A.捕获阶段B.目标阶段C.冒泡阶段D.执行阶段答案ABC以下哪些方法可以操作DOM元素的样式？（）A.element.style.cssText B.element.classNameC.element.classList D.getComputedStyleelement答案ABCD

4.前端工程化以下哪些是前端模块化方案？（）A.CommonJS B.AMD C.CMD D.ES Module答案ABCD以下哪些属于前端安全问题？（）A.XSS B.CSRF C.SQL注入D.点击劫持第6页共7页答案ABD

5.网络与性能以下哪些属于HTTP缓存机制？（）A.强缓存B.协商缓存C.本地缓存D.服务器缓存答案AB前端性能指标通常包括？（）A.FCP（首次内容绘制）B.LCP（最大内容绘制）C.TTI（交互时间）D.TBT（总阻塞时间）答案ABCD

三、判断题（共20题，每题1分）HTML5中的section标签可以用于定义导航链接组（）答案×（应为nav）CSS中，!important可以覆盖所有其他样式规则（）答案√JavaScript中，null和undefined的类型相同（）答案√document.write方法可以在页面加载后动态添加内容（）答案第7页共7页。