2025四川九强通信科技有限公司招聘前端开发工程师等岗位2人笔试历年典型考点题库附带答案详解

2025四川九强通信科技有限公司招聘前端开发工程师等岗位2人笔试历年典型考点题库附带答案详解一、单项选择题下列各题只有一个正确答案，请选出最恰当的选项（共30题）1、在Vue3中，关于CompositionAPI与OptionsAPI的区别，下列说法正确的是？

A.CompositionAPI无法复用逻辑

B.OptionsAPI更利于代码组织

C.CompositionAPI通过setup组合逻辑，提升可维护性

D.Vue3已完全移除OptionsAPIA.AB.BC.CD.D2、以下哪种HTTP状态码表示“未授权”，通常用于身份验证失败场景？

A.200

B.401

C.403

D.500A.200B.401C.403D.5003、在CSSFlex布局中，若要让子元素在主轴上均匀分布且两端无间距，应使用哪个属性值？

A.justify-content:flex-start

B.justify-content:center

C.justify-content:space-between

D.justify-content:space-aroundA.flex-startB.centerC.space-betweenD.space-around4、JavaScript中，关于Promise的状态变化，下列说法错误的是？

A.Promise一旦变为resolved，状态不可再改变

B.Promise一旦变为rejected，状态不可再改变

C.Promise可以从未pending状态直接变为resolved

D.Promise的状态可以由外部随意修改A.AB.BC.CD.D5、在TypeScript中，interface与type的主要区别之一是？

A.interface可以定义联合类型

B.type可以声明合并

C.interface支持声明合并，type不支持

D.type只能用于对象类型A.AB.BC.CD.D6、前端性能优化中，防抖（Debounce）与节流（Throttle）的应用场景描述正确的是？

A.搜索框输入联想适合用节流

B.窗口resize事件适合用防抖

C.按钮连续点击提交适合用防抖

D.滚动加载适合用防抖A.AB.BC.CD.D7、关于Git版本控制，下列命令用于将本地分支推送到远程仓库的是？

A.gitpull

B.gitfetch

C.gitpush

D.gitmergeA.gitpullB.gitfetchC.gitpushD.gitmerge8、在ReactHooks中，useEffect的第二个参数为空数组[]时，表示什么含义？

A.每次渲染都执行

B.仅在组件挂载时执行一次

C.仅在组件卸载时执行

D.依赖任何状态变化都执行A.AB.BC.CD.D9、HTML5中，用于语义化标记页面导航链接区域的标签是？

A.<div>

B.<section>

C.<nav>

D.<aside>A.<div>B.<section>C.<nav>D.<aside>10、在Webpack配置中，loader的主要作用是？

A.打包压缩代码

B.转换非JavaScript模块为有效模块

C.管理插件生命周期

D.分割代码块A.AB.BC.CD.D11、在Vue3中，关于CompositionAPI与OptionsAPI的区别，下列说法正确的是？

A.CompositionAPI必须使用class组件

B.OptionsAPI逻辑复用更灵活

C.CompositionAPI通过setup函数组织逻辑

D.OptionsAPI不支持响应式数据12、以下CSS选择器中，优先级最高的是？

A.#header.nav

B..navlia

C.div>p

D.*A.#header.navB..navliaC.div>pD.*13、JavaScript中，关于Promise的状态说法错误的是？

A.pending是初始状态

B.fulfilled表示操作成功

C.rejected表示操作失败

D.状态可以从fulfilled变为rejectedA.pending是初始状态B.fulfilled表示操作成功C.rejected表示操作失败D.状态可以从fulfilled变为rejected14、HTTP协议中，用于更新资源部分内容的请求方法是？

A.GET

B.POST

C.PUT

D.PATCHA.GETB.POSTC.PUTD.PATCH15、ReactHooks中，useEffect第二个参数为空数组[]时，效果等同于哪个生命周期？

A.componentDidMount

B.componentDidUpdate

C.componentWillUnmount

D.shouldComponentUpdateA.componentDidMountB.componentDidUpdateC.componentWillUnmountD.shouldComponentUpdate16、TypeScript中，interface与type的主要区别不包括？

A.interface可以合并声明

B.type可以定义联合类型

C.interface可以继承

D.type性能优于interfaceA.interface可以合并声明B.type可以定义联合类型C.interface可以继承D.type性能优于interface17、Webpack中，Loader的作用是什么？

A.打包模块依赖

B.转换模块源代码

C.优化输出文件体积

D.启动开发服务器A.打包模块依赖B.转换模块源代码C.优化输出文件体积D.启动开发服务器18、关于浏览器事件循环（EventLoop），下列说法正确的是？

A.微任务队列在执行宏任务之前清空

B.setTimeout回调属于微任务

C.Promise.then回调属于宏任务

D.每个宏任务执行后立即渲染页面A.微任务队列在执行宏任务之前清空B.setTimeout回调属于微任务C.Promise.then回调属于宏任务D.每个宏任务执行后立即渲染页面19、Git命令中，用于将远程仓库代码拉取并合并到当前分支的是？

A.gitfetch

B.gitpull

C.gitpush

D.gitcloneA.gitfetchB.gitpullC.gitpushD.gitclone20、前端性能优化中，防抖（Debounce）适用于哪种场景？

A.窗口resize调整布局

B.用户输入搜索建议

C.按钮点击提交表单

D.页面滚动加载图片A.窗口resize调整布局B.用户输入搜索建议C.按钮点击提交表单D.页面滚动加载图片21、在Vue3中，关于CompositionAPI的描述，下列哪项是正确的？

A.必须使用class组件

B.setup函数在beforeCreate之前执行

C.无法使用watch监听数据

D.ref定义的对象无需.value访问22、CSS中，如何实现一个元素在父容器中水平垂直居中？

A.margin:auto

B.position:absolute;top:50%;left:50%

C.display:flex;justify-content:center;align-items:center

D.text-align:centerA.margin:autoB.position:absolute;top:50%;left:50%C.display:flex;justify-content:center;align-items:centerD.text-align:center23、JavaScript中，以下代码输出结果是什么？console.log(typeofnull);

A."null"

B."object"

C."undefined"

D."number"A."null"B."object"C."undefined"D."number"24、HTTP状态码中，表示“资源未找到”的是？

A.200

B.301

C.404

D.500A.200B.301C.404D.50025、关于Git命令，下列哪项用于将本地分支推送到远程仓库？

A.gitpull

B.gitpush

C.gitcommit

D.gitmergeA.gitpullB.gitpushC.gitcommitD.gitmerge26、ES6中，箭头函数与普通函数的主要区别不包括？

A.没有自己的this

B.不能作为构造函数

C.没有arguments对象

D.支持yield关键字A.没有自己的thisB.不能作为构造函数C.没有arguments对象D.支持yield关键字27、HTML5中，哪个标签用于定义文档的导航链接部分？

A.<header>

B.<nav>

C.<section>

D.<aside>A.<header>B.<nav>C.<section>D.<aside>28、Webpack中，Loader的主要作用是？

A.打包模块

B.转换源代码

C.优化输出体积

D.启动开发服务器A.打包模块B.转换源代码C.优化输出体积D.启动开发服务器29、TCP三次握手中，第二次握手服务器发送的标志位是？

A.SYN

B.ACK

C.SYN+ACK

D.FINA.SYNB.ACKC.SYN+ACKD.FIN30、React中，useEffect依赖数组为空[]时，效果等同于哪个生命周期？

A.componentDidMount

B.componentDidUpdate

C.componentWillUnmount

D.shouldComponentUpdateA.componentDidMountB.componentDidUpdateC.componentWillUnmountD.shouldComponentUpdate二、多项选择题下列各题有多个正确答案，请选出所有正确选项（共15题）31、关于Vue3响应式原理，下列说法正确的有？A.基于Proxy实现B.兼容IE11C.可监听数组索引变化D.性能优于Object.defineProperty32、以下哪些CSS属性会触发浏览器的重排（Reflow）？A.widthB.colorC.displayD.margin33、关于JavaScript闭包，下列描述正确的有？A.内部函数引用外部函数变量B.可能导致内存泄漏C.用于实现数据私有化D.每次调用外部函数都创建新闭包34、HTTP状态码中，属于客户端错误的有？A.403B.500C.404D.30135、关于TypeScript接口（Interface）与类型别名（TypeAlias），区别包括？A.Interface可合并声明B.Type支持联合类型C.Interface可继承D.Type不能扩展36、以下哪些方法可以解决JavaScript异步回调地狱问题？A.Promise链式调用B.async/awaitC.Generator函数D.setTimeout嵌套37、关于Webpack打包优化，下列策略有效的有？A.代码分割（CodeSplitting）B.TreeShakingC.开启Gzip压缩D.增加loader数量38、ReactHooks中，useEffect的依赖数组为空[]时，行为表现为？A.组件挂载后执行一次B.组件卸载前执行清理C.每次渲染都执行D.仅状态变化时执行39、关于HTML5语义化标签，优点包括？A.利于SEOB.代码可读性高C.兼容所有旧浏览器D.便于屏幕阅读器解析40、前端跨域解决方案中，合法的有？A.CORSB.JSONPC.Nginx反向代理D.window.postMessage41、关于HTML5语义化标签，下列哪些说法是正确的？

A.<header>定义文档或节的页眉

B.<nav>专门用于定义导航链接的部分

C.<article>定义独立的内容块，如博客文章

D.<div>是HTML5新增的语义化标签42、在CSSFlexbox布局中，以下哪些属性是设置在弹性容器（FlexContainer）上的？

A.justify-content

B.align-items

C.flex-grow

D.flex-direction43、关于JavaScript中的闭包，下列描述正确的是？

A.闭包可以访问外部函数的变量

B.闭包会导致内存泄漏，应完全避免使用

C.闭包常用于实现数据私有化

D.闭包是指函数及其周围状态的引用捆绑44、Vue3中，关于CompositionAPI的说法正确的有？

A.setup函数在beforeCreate之前执行

B.ref用于定义基本类型的响应式数据

C.reactive用于定义对象类型的响应式数据

D.computed属性默认是可写的45、HTTP状态码中，下列哪些属于客户端错误（4xx）？

A.401Unauthorized

B.403Forbidden

C.404NotFound

D.500InternalServerError三、判断题判断下列说法是否正确（共10题）46、在Vue3中，ref用于定义基本类型响应式数据，其值需通过.value访问。判断：正确/错误A.正确B.错误47、HTTP状态码403表示服务器拒绝请求，通常因权限不足导致。判断：正确/错误A.正确B.错误48、CSS中flex布局的主轴方向默认是垂直方向（column）。判断：正确/错误A.正确B.错误49、JavaScript中，let和const声明的变量都存在块级作用域。判断：正确/错误A.正确B.错误50、Git命令gitpull等价于先执行gitfetch再执行gitmerge。判断：正确/错误A.正确B.错误51、TypeScript中，interface和type都可以用来定义对象结构，且完全不可互换。判断：正确/错误A.正确B.错误52、浏览器渲染页面时，CSS阻塞DOM解析，但不阻塞DOM树的构建。判断：正确/错误A.正确B.错误53、ReactHooks中，useEffect的依赖数组为空[]时，回调仅在组件挂载和卸载时执行。判断：正确/错误A.正确B.错误54、TCP协议是面向连接的，保证数据有序且可靠传输。判断：正确/错误A.正确B.错误55、Webpack中，loader用于转换文件内容，plugin用于扩展打包功能。判断：正确/错误A.正确B.错误

参考答案及解析1.【参考答案】C【解析】Vue3引入CompositionAPI旨在解决大型组件中逻辑分散的问题。通过setup函数，开发者可以将相关功能的代码（如状态、方法）组织在一起，而非分散在data、methods等选项中，从而显著提升代码的可读性和可维护性。A错误，CompositionAPI极大增强了逻辑复用能力；B错误，对于复杂逻辑，OptionsAPI往往导致代码碎片化；D错误，Vue3仍兼容OptionsAPI。因此，C选项准确描述了其核心优势。2.【参考答案】B【解析】HTTP状态码中，200表示请求成功；401Unauthorized表示请求要求用户的身份认证，通常因缺少或无效的Token导致；403Forbidden表示服务器理解请求但拒绝执行，通常是权限不足而非身份未知；500表示服务器内部错误。在前端开发中，拦截401状态码通常用于跳转登录页或刷新Token。因此，表示“未授权”且常用于身份验证失败的是401。3.【参考答案】C【解析】justify-content属性定义项目在主轴上的对齐方式。flex-start表示起始端对齐；center表示居中对齐；space-between表示两端对齐，项目之间的间隔都相等；space-around表示每个项目两侧的间隔相等，导致首尾项目与容器边缘也有间距。题目要求“均匀分布且两端无间距”，即第一个项目紧贴起点，最后一个项目紧贴终点，中间间距相等，符合space-between的定义。4.【参考答案】D【解析】Promise对象代表一个异步操作的最终完成或失败。它有三种状态：pending（进行中）、fulfilled/resolved（已成功）、rejected（已失败）。状态只能从pending变为fulfilled或rejected，且一旦改变，就无法再次改变，这称为“不可逆性”。A、B、C均正确描述了这一特性。D错误，Promise的状态由内部异步操作结果决定，不能由外部代码随意修改，保证了数据的一致性和安全性。5.【参考答案】C【解析】在TypeScript中，interface和type都能描述对象形状。主要区别在于：interface支持声明合并（DeclarationMerging），即同名接口会自动合并成员；而type别名不支持合并，重复定义会报错。此外，type可以定义联合类型、元组、基本类型别名等，灵活性更高；interface只能描述对象或函数结构。A错误，type更适合联合类型；B错误，type不支持合并；D错误，type用途更广。因此，C是正确区别。6.【参考答案】B【解析】防抖指在事件被触发n秒后再执行回调，若n秒内再次触发则重新计时，适用于搜索框输入、窗口resize等只需最后一次结果的场景。节流指每隔n秒执行一次回调，适用于滚动加载、鼠标移动等需要频繁响应但限制频率的场景。A错误，搜索联想应用防抖；C错误，按钮提交通常用节流或禁用按钮防止重复提交，若用防抖可能导致最后一次点击才生效，体验不佳；D错误，滚动加载常用节流。B正确，resize事件通常在停止调整后计算布局，适合防抖。7.【参考答案】C【解析】gitpush用于将本地提交的更新推送到远程仓库，实现代码共享。gitpull是从远程获取代码并合并到本地，相当于fetch+merge。gitfetch仅从远程下载对象和引用，不自动合并。gitmerge用于合并两个或多个开发历史。因此，将本地分支推送到远程的正确命令是gitpush。8.【参考答案】B【解析】useEffect接收两个参数：副作用函数和依赖数组。若省略依赖数组，每次渲染后都会执行；若依赖数组为空[]，表示该副作用不依赖任何props或state，仅在组件挂载（Mount）时执行一次，常用于初始化数据或订阅事件。若需在卸载时清理，需在副作用函数中返回清理函数。C错误，卸载执行需返回清理函数；A和D对应无依赖或指定依赖的情况。因此，空数组表示仅挂载时执行。9.【参考答案】C【解析】HTML5引入语义化标签以增强文档结构可读性和SEO。<nav>专门用于定义页面的导航链接部分，如菜单、目录等。<div>是无语义的通用容器；<section>表示文档中的一个独立章节；<aside>表示侧边栏或与主要内容间接相关的内容。因此，标记导航区域应使用<nav>标签，有助于搜索引擎和辅助技术理解页面结构。10.【参考答案】B【解析】Webpack本质是模块打包器，默认只理解JavaScript。loader的作用是将其他类型的资源（如CSS、图片、TypeScript、Vue文件等）转换为Webpack能够处理的JavaScript模块。例如，css-loader处理CSS导入，babel-loader转译ES6+语法。A和D主要由Plugin或优化配置完成；C是Plugin的功能。因此，loader的核心功能是模块转换，使非JS资源能融入依赖图。11.【参考答案】C【解析】Vue3引入CompositionAPI旨在解决OptionsAPI在大型组件中逻辑分散的问题。A错误，CompositionAPI通常配合<scriptsetup>或setup函数使用，非必须class；B错误，CompositionAPI通过组合函数（Composables）实现更灵活的逻辑复用；C正确，setup函数是CompositionAPI的入口，用于集中管理相关逻辑；D错误，OptionsAPI通过data、computed等支持响应式。故选C。12.【参考答案】A【解析】CSS优先级计算规则为：ID选择器(100)>类/伪类/属性选择器(10)>标签/伪元素选择器(1)>通配符(0)。A项包含1个ID和1个类，权重为100+10=110；B项为3个类/标签混合，权重10+1+1=12；C项为2个标签，权重1+1=2；D项通配符权重0。因此A优先级最高。注意内联样式(1000)和!important更高，但本题未涉及。故选A。13.【参考答案】D【解析】Promise有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。状态一旦改变（从pending变为fulfilled或rejected），就不可再变，具有不可逆性。A、B、C均描述正确。D错误，因为状态定型后无法再次变更。这是Promise核心特性，确保异步结果的一致性。故选D。14.【参考答案】D【解析】GET用于获取资源；POST用于提交数据创建新资源或处理数据；PUT用于全量替换资源，若资源不存在则创建；PATCH用于对资源进行部分修改。题目要求“更新部分内容”，符合PATCH定义。PUT虽也可更新，但通常指整体替换，效率较低且语义不同。故选D。15.【参考答案】A【解析】useEffect(fn,[])表示仅在组件挂载后执行一次fn，并在卸载时执行清理函数（若有返回）。这与类组件的componentDidMount行为最接近（虽严格来说还包含willUnmount的清理部分，但触发时机主要对应挂载）。若依赖项变化则类似componentDidUpdate；无第二参数则每次渲染都执行。故选A。16.【参考答案】D【解析】A正确，interface支持声明合并；B正确，type可定义union、tuple等复杂类型；C正确，interface可通过extends继承；D错误，两者在编译后均擦除，运行时不存在，性能无显著差异，选择应基于语义和场景而非性能。故D不是主要区别且说法错误。选D。17.【参考答案】B【解析】Webpack本身只理解JavaScript和JSON。Loader用于将非JS资源（如CSS、图片、TS、Vue文件）转换为有效模块，即“转换模块源代码”。A是Webpack核心功能；C是Plugin（如TerserPlugin）的作用；D是DevServer功能。故选B。18.【参考答案】A【解析】事件循环机制：执行一个宏任务->清空微任务队列->渲染（如需）->下一个宏任务。A正确，微任务在当前宏任务结束后、下一个宏任务前执行完毕。B错误，setTimeout是宏任务；C错误，Promise.then是微任务；D错误，渲染通常在微任务清空后、下一宏任务前进行，并非每个宏任务后必渲染（取决于浏览器策略和变化）。故选A。19.【参考答案】B【解析】gitfetch仅下载远程更新但不合并；gitpull=gitfetch+gitmerge，直接拉取并合并；gitpush推送本地更改到远程；gitclone克隆整个仓库。题目要求“拉取并合并”，故选B。20.【参考答案】B【解析】防抖指事件触发n秒后再执行，若n秒内再次触发则重新计时。适用于连续触发只需最后一次结果的场景，如搜索框输入（避免频繁请求）。A、D通常用节流（Throttle，固定频率执行）；C需防止重复提交，可用禁用按钮或一次性标志，非典型防抖场景。故选B。21.【参考答案】B【解析】Vue3的CompositionAPI旨在解决OptionsAPI逻辑分散问题。setup函数是入口，在beforeCreate和created之前执行，此时组件实例尚未完全初始化，因此不能访问this。ref用于定义响应式基本类型，在JS中需通过.value访问，模板中自动解包。watch在CompositionAPI中依然可用，且功能更强。Class组件并非Vue3强制要求，反而趋向于函数式组件。故正确答案为B。22.【参考答案】C【解析】Flex布局是现代CSS居中的首选方案。设置父容器display:flex，justify-content:center实现水平居中，align-items:center实现垂直居中，简洁且兼容性好。A选项仅对块级元素水平有效；B选项需配合transform:translate(-50%,-50%)才能完全居中，否则只是左上角对齐；D选项仅针对行内元素水平居中。因此C是最标准且完整的解决方案。23.【参考答案】B【解析】这是JavaScript著名的历史遗留Bug。在JS最初实现中，值由标签和值组成，对象的标签为0，而null表示空指针（全0），因此被误判为对象。尽管后来规范修正，但为了保持兼容性，typeofnull始终返回"object"。开发者需通过===null来准确判断空值。其他选项均不符合JS规范定义。24.【参考答案】C【解析】HTTP状态码分为五类。200表示请求成功；301表示永久重定向；404表示服务器无法找到请求的资源，通常因URL错误或资源被删除导致；500表示服务器内部错误。前端开发中，404常用于处理路由不存在或接口地址错误的情况，需做好用户提示。25.【参考答案】B【解析】Git工作流中，gitadd将文件加入暂存区，gitcommit提交到本地仓库，gitpush将本地提交推送到远程仓库。gitpull是从远程拉取并合并，gitmerge是合并分支。在团队协作中，push是将代码共享给其他人的关键步骤，需注意分支保护规则，避免强制推送覆盖他人代码。26.【参考答案】D【解析】箭头函数lexicalthis，继承外层作用域的this；不能new调用；没有arguments，需用rest参数替代。但箭头函数本身不支持yield，不能用作Generator函数。Generator函数需使用function*声明。因此D项描述错误，不属于箭头函数特性，符合题意。27.【参考答案】B【解析】HTML5语义化标签提升可访问性和SEO。<nav>专门用于包裹主要导航链接；<header>定义页眉；<section>定义文档章节；<aside>定义侧边栏或相关内容。正确使用语义标签有助于屏幕阅读器理解页面结构，提升用户体验。28.【参考答案】B【解析】Webpack核心概念中，Loader用于在模块被加载前转换源代码，如将TS转为JS、SCSS转为CSS。Plugin用于执行更广泛的任务，如打包优化、资源管理。DevServer用于启动本地服务。Loader本质是转换器，遵循单一职责原则，链式调用处理文件。29.【参考答案】C【解析】TCP建立连接需三次握手。第一次客户端发SYN；第二次服务器回复SYN+ACK，确认收到客户端请求并同步自身序列号；第三次客户端发ACK确认。FIN用于断开连接。理解握手过程有助于排查网络连接超时或重置问题，确保数据传输可靠性。30.【参考答案】A【解析】useEffect第二个参数为依赖数组。若为空[]，仅在组件挂载后执行一次，卸载时清理，行为类似componentDidMount。若包含变量，则在变量变化时执行，类似componentDidUpdate。返回函数用于清理，类似componentWillUnmount。合理设置依赖可避免无限循环渲染。31.【参考答案】ACD【解析】Vue3使用ES6Proxy重构响应式系统，能直接监听对象属性增删及数组索引变化，解决了Vue2中Object.defineProperty无法监听动态添加属性和数组下标变化的痛点。由于Proxy是ES6新特性，无法通过polyfill完美兼容IE11，故B错误。Proxy在初始化时无需递归遍历所有属性，仅在访问时代理，因此初始渲染性能更优，D正确。32.【参考答案】ACD【解析】重排是指浏览器重新计算元素几何位置和尺寸的过程。修改涉及布局的属性如width、height、margin、padding、display、position等都会触发重排。而color、background-color等仅影响外观绘制的属性，通常只触发重绘（Repaint），不触发重排。因此，A、C、D选项正确，B选项错误。减少重排是前端性能优化的重要手段。33.【参考答案】ABCD【解析】闭包是指有权访问另一个函数作用域中变量的函数。A正确，这是闭包的定义。B正确，若闭包引用的变量不再需要却未被释放，会导致内存泄漏。C正确，利用闭包可隐藏内部变量，模拟私有成员。D正确，每次执行外部函数都会创建新的执行上下文和对应的闭包环境。理解闭包对掌握JS作用域链和内存管理至关重要。34.【参考答案】AC【解析】HTTP状态码以4开头表示客户端错误。403Forbidden表示服务器理解请求但拒绝执行；404NotFound表示请求资源不存在。500InternalServerError属于服务器端错误（5xx）。301MovedPermanently属于重定向（3xx）。因此，正确答案为A和C。掌握常见状态码有助于快速定位前后端交互问题。35.【参考答案】ABC【解析】Interface支持声明合并，即同名接口会自动合并成员，A正确。TypeAlias可以定义联合类型、元组等复杂结构，B正确。Interface可通过extends继承其他接口或类，C正确。TypeAlias虽不能用extends关键字，但可通过交叉类型（&）实现类似扩展效果，故D表述不准确。在实际开发中，定义对象形状推荐用Interface，复杂类型组合推荐用Type。36.【参考答案】ABC【解析】回调地狱指多层嵌套回调导致代码难以维护。Promise通过.then链式调用扁平化异步流程，A正确。async/await是基于Promise的语法糖，使异步代码看起来像同步代码，B正确。Generator函数配合co库也可实现异步流程控制，C正确。setTimeout嵌套正是造成回调地狱的典型写法，D错误。现代前端开发首选async/await。37.【参考答案】ABC【解析】代码分割可将大bundle拆分为小chunk，按需加载，提升首屏速度，A正确。TreeShaking利用ESModule静态分析移除未引用代码，减小体积，B正确。服务器开启Gzip压缩可显著减少传输文件大小，C正确。增加loader数量会增加编译耗时，不利于构建性能，D错误。合理配置Webpack对大型项目性能至关重要。38.【参考答案】AB【解析】useEffect第二个参数为依赖数组。当为空数组[]时，effect仅在组件挂载（Mount）后执行一次，类似于componentDidMount，A正确。若effect返回清理函数，该函数会在组件卸载（Unmount）前执行，类似于componentWillUnmount，B正确。若不传依赖数组，则每次渲染后都执行；若传入具体依赖，则仅在依赖变化时执行。故C、D错误。39.【参考答案】ABD【解析】语义化标签如<header>、<nav>、<article>等，明确描述了内容结构。搜索引擎能更好理解页面内容，利于SEO，A正确。代码结构清晰，提高可维护性和可读性，B正确。辅助技术如屏幕阅读器能据此提供更好的无障碍体验，D正确。但旧版IE（如IE8及以下）不完全支持HTML5新标签，需引入shiv.js等兼容方案，故C错误。40.【参考答案】ABCD【解析】CORS（跨域资源共享）是服务端设置Access-Control-Allow-Origin头允许跨域，A正确。JSONP利用<script>标签不受同源限制特性，仅支持GET，B正确。Nginx反向代理将请求转发到同域后端，规避浏览器同源策略，C正确。window.postMessage用于不同窗口/iframe间通信，支持跨域，D正确。选择方案需结合业务场景和安全需求。41.【参考答案】ABC【解析】HTML5引入语义化标签旨在提高代码可读性和SEO。<header>、<nav>、<article>均为标准语义标签，分别代表页眉、导航和独立内容。<div>是通用容器，无语义含义，且非HTML5新增。使用语义标签有助于屏幕阅读器解析及搜索引擎优化，前端开发中应优先使用语义标签替代无意义的div嵌套，以提升页面结构清晰度。42.【参考答案】ABD【解析】Flexbox布局分为容器属性和项目属性。justify-content（主轴对齐）、align-items（交叉轴对齐）、flex-direction（主轴方向）均设置在父容器上。flex-grow是设置在子项目（FlexItem）上的属性，用于定义项目的放大比例。掌握容器与项目的属性区分，是实现复杂响应式布局的基础，避免样式失效。43.【参考答案】ACD【解析】闭包是JS核心概念，指函数能记住并访问其词法作用域，即使函数在当前作用域外执行。它常用于封装私有变量（数据私有化）和回调函数。虽然不当使用可能导致内存无法回收，但合理使用并非必须避免，而是需注意解除引用。理解闭包机制对掌握高阶函数和模块化编程至关重要。44.【参考答案】ABC【解析】Vue3引入CompositionAPI以解决OptionsAPI逻辑分散问题。setup在生命周期早期执行。ref处理基本类型，通过.value访问；reactive处