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

2025四川九强通信科技有限公司招聘前端开发工程师拟录用人员笔试历年典型考点题库附带答案详解（第1套）一、单项选择题下列各题只有一个正确答案，请选出最恰当的选项（共30题）1、在JavaScript中，以下哪个方法可以用于检测一个对象是否拥有某个自有属性（非继承属性）？A.Object.keys()B.Ototype.hasOwnProperty()C.Object.getOwnPropertyNames()D.in操作符2、在CSS布局中，下列哪种方式可以实现元素的绝对居中（同时水平和垂直居中）？A.margin:auto;B.float:center;C.position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);D.display:inline-block;text-align:center;3、关于JavaScript中的事件循环（EventLoop），以下说法正确的是？A.宏任务先执行，微任务队列为空时才执行下一个宏任务B.setTimeout属于微任务C.Promise的回调属于宏任务D.微任务在当前宏任务结束后立即执行4、在Vue3中，用于创建响应式数据的API是？A.reactive()和ref()B.defineProperty()C.observe()D.newVue()5、以下关于HTTP缓存机制的说法，哪一项是正确的？A.Cache-Control:no-cache表示完全不缓存B.强缓存优先于协商缓存生效C.ETag用于强缓存验证D.Expires的优先级高于Cache-Control6、在JavaScript中，执行以下代码的输出结果是什么？

console.log(1+'2'+3-4);A."123-4"B.1234C.119D.NaN7、以下关于HTML5语义化标签的描述，哪一项是正确的？A.`<div>`和`<span>`是HTML5新增的语义化标签B.`<section>`表示页面中独立的区域，应包含自己的标题C.`<article>`只能用于博客文章，不能用于评论D.`<nav>`标签只能出现在页面顶部8、在CSS中，以下哪种方式不能实现元素的水平垂直居中？A.使用`position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)`B.设置`display:flex;justify-content:center;align-items:center`C.使用`float:center;vertical-align:middle`D.利用`margin:auto`配合`position:absolute`和固定宽高9、关于JavaScript事件循环机制，下列说法正确的是？A.`setTimeout`回调函数属于宏任务，会在当前调用栈清空后立即执行B.`Promise.then()`中的回调属于微任务，会在当前宏任务结束后立即执行C.所有异步操作的回调都属于微任务D.微任务的执行优先级低于宏任务10、Vue.js中，关于`v-model`的描述，哪一项是正确的？A.`v-model`只能用于`<input>`元素，不能用于组件B.`v-model`在组件中默认绑定`value`属性并监听`input`事件C.`v-model`本质上是`:value`和`@change`的语法糖D.在Vue3中，`v-model`默认使用`modelValue`和`update:modelValue`11、在JavaScript中，以下哪段代码能够正确检测一个变量是否为数组类型？A.typeofarr==='array'B.arrinstanceofArrayC.Array.isArray(arr)D.arr.constructor===Array12、在CSS布局中，以下哪种方式无法实现元素的水平垂直居中？A.使用position:absolute与transform:translate(-50%,-50%)B.使用display:flex，配合justify-content和align-itemsC.使用float:centerD.使用margin:auto配合绝对定位和宽高已知13、关于Vue.js中的响应式原理，下列说法正确的是？A.Vue3使用Object.defineProperty实现响应式B.Vue2通过Proxy拦截对象属性操作C.Vue3使用Proxy替代了Object.definePropertyD.响应式系统无法监听数组的变化14、在HTTP协议中，GET与POST请求的本质区别不包括以下哪项？A.GET请求参数在URL中可见，POST在请求体中B.GET请求不能发送数据，POST可以C.GET请求一般用于获取数据，POST用于提交数据D.GET请求有长度限制，POST理论上无限制15、下列关于JavaScript事件循环（EventLoop）的描述，正确的是？A.宏任务执行完才执行微任务B.setTimeout属于微任务C.Promise.then属于微任务D.同步代码执行前先执行微任务队列16、在JavaScript中，以下哪个方法可以用于检测一个对象是否拥有某个自有属性（不包括原型链上的属性）？A.hasOwnProperty()B.propertyIsEnumerable()C.in操作符D.Object.keys()17、关于CSS中的“BFC（块级格式化上下文）”，以下哪项描述是错误的？A.BFC可以阻止元素的外边距合并B.BFC内部的元素不会影响外部布局C.浮动元素不会创建BFCD.overflow值为hidden或auto可触发BFC18、在Vue3中，以下哪个组合式API用于在组件挂载后执行副作用操作？A.onBeforeMountB.onMountedC.onUpdatedD.onBeforeUpdate19、关于HTTP缓存机制，以下哪个响应头用于设置资源的强缓存？A.ExpiresB.Last-ModifiedC.ETagD.Cache-Control:no-cache20、在React中，以下哪种方式最适合用于存储组件的可变状态，且其变化能触发重新渲染？A.使用普通变量letstate=0B.使用useRef()C.使用useState()D.使用全局window.state21、在JavaScript中，执行以下代码的输出结果是什么？

console.log(1+'2'+3-4);A.1234B.122C.119D.NaN22、以下哪项最能准确描述CSS中`flex:1`的含义？A.flex-grow:1,flex-shrink:0,flex-basis:0%B.flex-grow:1,flex-shrink:1,flex-basis:0%C.flex-grow:1,flex-shrink:1,flex-basis:autoD.flex-grow:1,flex-shrink:1,flex-basis:100%23、关于JavaScript事件循环（EventLoop），以下说法正确的是？A.宏任务执行完所有微任务后才执行下一个宏任务B.setTimeout属于微任务队列C.Promise.then是宏任务D.事件循环先执行宏任务队列，再清空微任务队列24、Vue3中，以下哪种方式不能正确响应式地修改数组元素？A.使用Vue.set(vm.items,indexOfItem,newValue)B.使用this.items[indexOfItem]=newValueC.使用this.items.splice(index,1,newValue)D.使用this.items=this.items.map(...)25、在HTTP缓存机制中，以下哪个响应头字段优先级最高？A.Cache-ControlB.ExpiresC.ETagD.Last-Modified26、在JavaScript中，执行以下代码后，输出的结果是什么？

```javascript

console.log(1+'2'+3-4);

```A.1234B.12-1C.119D.NaN27、以下关于CSS中`box-sizing`属性的描述，哪一项是正确的？A.`box-sizing:content-box`时，width包含padding和borderB.`box-sizing:border-box`时，width不包含padding和borderC.`box-sizing:border-box`是现代布局中常用的值，便于控制元素总尺寸D.`box-sizing`默认值为`border-box`28、在Vue3中，`ref`和`reactive`的主要区别是什么？A.`ref`只能用于基本类型，`reactive`只能用于对象B.`ref`创建的响应式数据需通过`.value`访问，`reactive`不需要C.`ref`不能用于对象，`reactive`不能用于数组D.`reactive`的性能优于`ref`，应优先使用29、在浏览器环境中，以下代码的输出顺序是？

```javascript

console.log('A');

setTimeout(()=>console.log('B'),0);

Promise.resolve().then(()=>console.log('C'));

console.log('D');

```A.A,B,C,DB.A,D,B,CC.A,D,C,BD.A,C,D,B30、在JavaScript中，下列哪个方法可以用于检测一个对象自身是否具有指定的属性（不包括继承的属性）？A.Object.keys()B.Object.hasOwnProperty()C.Object.getOwnPropertyNames()D.Object.isExtensible()二、多项选择题下列各题有多个正确答案，请选出所有正确选项（共15题）31、在JavaScript中，下列哪些方式可以实现变量的声明？A.varB.letC.constD.define32、关于HTML5语义化标签，下列哪些元素有助于提升网页可访问性和SEO？A.<div>B.<article>C.<section>D.<span>33、在CSS布局中，下列哪些属性设置可以触发BFC（块格式化上下文）？A.float:leftB.display:inline-blockC.overflow:hiddenD.position:absolute34、关于HTTP缓存机制，下列哪些响应头可用于强缓存？A.Cache-ControlB.ExpiresC.ETagD.Last-Modified35、Vue.js中，关于组件通信方式，下列哪些适用于父子组件间数据传递？A.propsB.$emitC.VuexD.$attrs/$listeners36、在JavaScript中，以下哪些方式可以实现变量的声明？A.varB.letC.constD.define37、关于CSS盒模型，以下哪些属性会影响元素的实际占用宽度？A.widthB.paddingC.borderD.margin38、以下关于HTML5语义化标签的描述，哪些是正确的？A.`<article>`表示独立的内容区块，如博客文章B.`<section>`代表文档中的一个区域或章节C.`<div>`是语义化标签D.`<nav>`用于定义主导航链接区域39、在前端开发中，以下哪些方法可用于跨域请求数据？A.JSONPB.CORSC.postMessageD.使用iframe直接访问不同源的DOM40、关于Vue.js的响应式原理，以下说法正确的有哪些？A.Vue2使用Object.defineProperty实现数据劫持B.Vue3使用Proxy替代了Object.definePropertyC.响应式仅对已存在的属性有效D.数组的push、pop等方法在Vue中可自动触发视图更新41、在JavaScript中，关于变量提升（Hoisting）的描述，以下哪些说法是正确的？A.使用`var`声明的变量会被提升到其作用域的顶部B.使用`let`和`const`声明的变量不存在变量提升C.函数声明会被提升，且函数声明的优先级高于变量声明D.变量提升会导致`let`声明的变量在声明前可以访问但值为`undefined`42、关于CSS盒模型的描述，以下哪些说法是正确的？A.标准盒模型中，元素的宽度仅包含内容区域（content）B.IE盒模型中，`width`包括内容、内边距和边框C.使用`box-sizing:border-box`可使元素采用IE盒模型D.外边距（margin）始终不参与元素总宽度的计算43、关于HTML5语义化标签的使用，以下哪些标签适合用于构建页面结构？A.`<section>`表示文档中的独立章节或部分B.`<div>`是语义最清晰的布局容器C.`<article>`用于包裹独立、可复用的内容，如博客文章D.`<aside>`用于展示与主内容间接相关的内容，如侧边栏44、关于ES6模块（import/export）的特性，以下哪些描述是正确的？A.`exportdefault`一个模块中只能有一个B.`import`可以在代码的任意位置动态调用C.模块默认处于严格模式D.使用`*as`可以导入模块的所有导出内容45、关于浏览器事件循环（EventLoop）机制，以下哪些说法是正确的？A.宏任务（macrotask）执行完后，会优先执行微任务队列中的所有任务B.`setTimeout`回调属于微任务C.`Promise.then`回调属于微任务D.每次事件循环只会执行一个宏任务三、判断题判断下列说法是否正确（共10题）46、在JavaScript中，`null`和`undefined`都表示“无值”，因此它们在严格相等（===）比较下返回true。A.正确B.错误47、使用`let`声明的变量会在其作用域内发生变量提升，但不会被初始化，因此在声明前访问会抛出ReferenceError。A.正确B.错误48、在CSS中，`em`单位是相对于当前元素字体大小的单位，而`rem`是相对于根元素（html）字体大小的单位。A.正确B.错误49、在React中，函数组件可以通过使用useStateHook来管理内部状态，且每次状态更新都会触发组件重新渲染。A.正确B.错误50、在HTTP协议中，GET请求方法可以携带请求体（requestbody），并且常用于提交表单数据。A.正确B.错误51、在JavaScript中，`==`运算符在比较时会进行类型转换，而`===`则不会进行类型转换，只比较值和类型是否都相等。A.正确B.错误52、在CSS中，`position:fixed;`元素是相对于浏览器视口定位的，即使页面滚动，其位置也不会改变。A.正确B.错误53、HTML5中的`<section>`标签和`<div>`标签在语义上没有区别，可以随意互换使用。A.正确B.错误54、在Vue.js中，`v-model`指令本质上是`:value`和`@input`的语法糖，适用于表单元素的双向数据绑定。A.正确B.错误55、使用`let`声明的变量会在其所在块级作用域内形成暂时性死区，即在声明前访问该变量会报错。A.正确B.错误

参考答案及解析1.【参考答案】B【解析】hasOwnProperty()是Ototype上的方法，用于判断对象是否包含指定的自有属性，不包括原型链上的继承属性。而in操作符会检查包括原型链在内的所有属性；Object.keys()和Object.getOwnPropertyNames()返回属性名数组，不能直接用于布尔判断。因此，检测自有属性最准确的方法是使用hasOwnProperty()。2.【参考答案】C【解析】选项C通过绝对定位将元素移至父容器50%位置，再用transform反向移动自身宽高的一半，实现精准居中。margin:auto配合定宽高和绝对定位可实现水平居中，但垂直居中需额外设置；float无center值；inline-block依赖文本对齐，仅适用于内联场景。因此C为最通用可靠的绝对居中方案。3.【参考答案】D【解析】事件循环机制中，每个宏任务执行完毕后，会清空当前所有的微任务队列，再执行下一个宏任务。Promise.then()回调属于微任务，setTimeout属于宏任务。因此微任务具有更高优先级，在本轮宏任务结束后立即执行。选项D准确描述了这一机制，其他选项对任务分类或执行顺序理解错误。4.【参考答案】A【解析】Vue3中通过reactive()创建响应式对象，ref()创建可响应的基本类型数据，两者是CompositionAPI的核心。defineProperty是Vue2实现响应式的底层方法；observe是Vue2内部方法；newVue()是Vue2的实例化方式。Vue3推荐使用reactive和ref在setup中组织逻辑，实现更灵活的响应式编程。5.【参考答案】B【解析】浏览器缓存遵循先强缓存后协商缓存的流程。强缓存命中时直接使用本地资源，不发请求；未命中则进入协商缓存，通过ETag或Last-Modified验证资源是否更新。Cache-Control:no-cache表示跳过强缓存，但仍可使用协商缓存；ETag属于协商缓存字段；Expires是HTTP/1.0字段，Cache-Control为HTTP/1.1标准，优先级更高。故B正确。6.【参考答案】C【解析】首先，1+'2'会进行字符串拼接，结果为字符串"12"；接着"12"+3变为"123"；然后"123"-4执行减法运算，JavaScript会尝试将字符串转为数字，"123"转为123，减去4得119。因此最终输出119。注意：加法涉及字符串时为拼接，减法始终为数值运算。7.【参考答案】B【解析】`<section>`用于定义文档中的一个独立章节或区域，通常应包含标题（如`<h1>`-`<h6>`），体现内容结构。`<div>`和`<span>`并非语义化标签；`<article>`适用于任何独立内容，如文章、评论、帖子等；`<nav>`可出现在页面任意位置，不限于顶部。语义化标签提升可访问性和SEO。8.【参考答案】C【解析】`float`属性没有"center"值，仅支持left、right、none等；`vertical-align`仅对行内元素或表格单元格有效，不能使块级元素居中。A、B、D均为常见居中方案：A为定位+变换，B为弹性布局，D为绝对定位+自动外边距。C语法错误且原理不成立。9.【参考答案】B【解析】事件循环中，宏任务（如`setTimeout`）执行完后，会优先清空微任务队列（如`Promise.then`）。微任务在当前宏任务结束后立即执行，且具有更高优先级。A错误：`setTimeout`回调不会“立即”执行，需等待时间到期并排队；C错误：`setTimeout`是宏任务；D错误：微任务优先级更高。10.【参考答案】D【解析】Vue3中，`v-model`在组件上默认使用`modelValue`作为prop，通过`$emit('update:modelValue')`同步数据，取代了Vue2中的`value`和`input`。A错误：`v-model`可用于组件；B错误：Vue3已变更；C错误：应为`@input`事件。D符合Vue3规范。11.【参考答案】C【解析】`typeof`无法识别数组，返回的是'object'，故A错误；`instanceof`在跨全局对象（如iframe）时可能失效；`constructor`易被重写，不可靠；`Array.isArray()`是ES5标准方法，专门用于精确判断是否为数组，兼容性好且最推荐，因此答案为C。12.【参考答案】C【解析】`float`属性没有`center`值，仅支持left、right、none等，因此C语法错误；A利用定位+位移居中，B是Flex布局标准居中方法，D在宽高固定时可通过设置top、left和margin:auto实现居中。故只有C无法实现，答案为C。13.【参考答案】C【解析】Vue2使用`Object.defineProperty`监听对象属性，存在对新增/删除属性无法监听的缺陷；Vue3改用`Proxy`实现，可监听整个对象变化，包括属性增删和数组操作，响应更全面。因此A、B、D错误，C正确。14.【参考答案】B【解析】GET请求可通过URL传递数据，并非“不能发送数据”；其主要区别在于数据位置（URLvs请求体）、安全性、缓存机制及长度限制。POST更适合传输大量或敏感数据。因此B表述错误，为正确答案。15.【参考答案】C【解析】事件循环执行顺序为：同步代码→微任务（如Promise.then）→宏任务（如setTimeout）。微任务在当前宏任务结束后立即执行；setTimeout是典型的宏任务；同步代码最先执行。因此C正确，A、B、D错误。16.【参考答案】A【解析】hasOwnProperty()方法用于判断对象是否包含指定的自有属性，不查找原型链，符合题意。in操作符会检查自有属性和原型链上的属性，范围更广。propertyIsEnumerable()虽然也检测自有属性，但还要求属性可枚举，条件更严格。Object.keys()返回所有可枚举自有属性的数组，不能直接用于布尔判断。因此最准确的是hasOwnProperty()。17.【参考答案】C【解析】浮动元素（float不为none）、绝对定位元素、display为inline-block、flexitem、以及overflow为hidden/auto的元素均可触发BFC，因此C项说法错误。BFC的作用包括隔离内部布局、防止外边距合并、包含浮动等。A、B、D均为BFC的正确特性，故答案为C。18.【参考答案】B【解析】onMounted在组件挂载完成后执行，适合进行DOM操作、事件绑定或发送网络请求等副作用操作。onBeforeMount在挂载前执行，此时DOM尚未渲染。onUpdated和onBeforeUpdate针对更新阶段，不适用于挂载后首次执行的逻辑。因此，正确答案是onMounted。19.【参考答案】A【解析】Expires指定资源的过期时间，属于强缓存，浏览器在有效期内直接使用缓存。Cache-Control中的max-age也是强缓存，但no-cache表示不使用强缓存，需重新验证。Last-Modified和ETag属于协商缓存，用于服务器验证资源是否更新。因此，设置强缓存的响应头是Expires。20.【参考答案】C【解析】useState()是React提供的Hook，用于声明组件状态，其更新会触发组件重新渲染。普通变量和window.state的修改不会触发视图更新。useRef()虽可存储可变数据，但其变化不会引起重渲染。因此，只有useState()符合“状态变化触发渲染”的要求，是管理组件状态的正确方式。21.【参考答案】C【解析】该表达式涉及类型转换。首先，1+'2'得到字符串'12'；接着'12'+3得到'123'；最后'123'-4执行减法运算，字符串被转换为数字，123-4=119。减法操作符触发隐式类型转换，因此结果为数字119。关键在于加法与减法的优先级相同，从左到右执行，但加法在字符串存在时为拼接，而减法始终尝试转为数值运算。22.【参考答案】B【解析】`flex:1`是`flex`属性的简写形式，等价于`flex:110%`，即`flex-grow:1`（可放大）、`flex-shrink:1`（可缩小）、`flex-basis:0%`（初始主轴尺寸为0，空间按比例分配）。该设置常用于等分布局，使子项按比例占据容器剩余空间。选项B完全符合CSS规范中对`flex:1`的定义，是实际开发中常见用法。23.【参考答案】A【解析】事件循环机制中，每次执行一个宏任务（如script主代码、setTimeout），执行完毕后会清空当前所有微任务（如Promise.then、MutationObserver），再执行下一个宏任务。因此A正确。B错误：setTimeout是宏任务；C错误：Promise.then是微任务；D顺序描述颠倒。理解事件循环对掌握异步执行顺序至关重要，尤其在处理Promise、async/await时。24.【参考答案】B【解析】Vue3使用Proxy实现响应式，但直接通过索引设置数组元素（如this.items[0]=val）在某些情况下可能不会触发视图更新，尤其在索引超出原长度时。虽然Proxy比Vue2的defineProperty有改进，但直接索引赋值仍被官方不推荐。A是Vue2写法，Vue3中不需使用；B不能保证响应式；C和D是官方推荐方式（splice或替换数组）。最佳实践是使用splice或函数式编程方法。25.【参考答案】A【解析】Cache-Control是HTTP/1.1中最重要的缓存控制头，具有最高优先级，可设置public、private、max-age等指令，覆盖旧的Expires头。Expires是绝对时间，易受客户端时间误差影响。ETag和Last-Modified用于协商缓存（304判断），在强缓存（Cache-Control生效）未命中时才起作用。因此，当Cache-Control与Expires冲突时，以Cache-Control为准，它是现代前端性能优化的核心配置。26.【参考答案】C【解析】表达式从左到右执行。首先`1+'2'`是字符串拼接，结果为`'12'`；接着`'12'+3`仍是字符串拼接，得`'123'`；然后`'123'-4`涉及减法运算符，会尝试将字符串转为数字，`'123'`转为123，123-4=119。因此输出为119，选C。27.【参考答案】C【解析】默认`box-sizing`值为`content-box`，此时width仅指内容区，padding和border会额外增加元素总尺寸。使用`border-box`时，width和height包含内容、padding和border，更利于布局控制。现代开发中普遍重置为`border-box`，故C正确。28.【参考答案】B【解析】`ref`用于任意类型（包括基本类型和对象），返回一个带`.value`的响应式对象；`reactive`仅用于对象类型，直接返回响应式对象，无需`.value`。虽然`ref`在模板中可自动解包，但在脚本中必须用`.value`访问，这是二者核心区别，故选B。29.【参考答案】C【解析】同步任务先执行，输出A、D。`setTimeout`属于宏任务，进入宏任务队列；`Promise.then`是微任务，执行时机在当前同步代码结束后、下一个宏任务前。因此先输出C（微任务），再执行B（宏任务）。输出顺序为A、D、C、B，选C。30.【参考答案】B【解析】`hasOwnProperty()`是Ototype上的方法，专门用于判断对象自身是否包含某个属性，不包括原型链上的继承属性。例如：`{x:1}.hasOwnProperty('x')`返回true，而`'x'inobj`可能包含继承属性。`Object.keys()`返回可枚举的自身属性名数组，`getOwnPropertyNames()`返回所有自身属性（包括不可枚举），但二者不直接用于布尔判断。`isExtensible()`判断对象是否可扩展，与属性检测无关。因此，正确答案为B。31.【参考答案】A、B、C【解析】JavaScript中，var、let和const均为合法的变量声明关键字。var存在变量提升和函数作用域问题；let和const是ES6引入的，支持块级作用域，const用于声明常量，值不可重新赋值。define并非变量声明关键字，而是CommonJS或AMD模块中用于定义模块的方法，不属于变量声明语法。32.【参考答案】B、C【解析】<article>表示独立内容区块，如博客文章；<section>表示文档的一个区域或章节，均具有明确语义，有利于搜索引擎和屏幕阅读器识别。而<div>和<span>是无语义的通用容器，不提供结构信息，不利于语义化构建页面。33.【参考答案】A、B、C、D【解析】以上四种方式均可触发BFC。BFC是Web页面中一种独立的渲染区域，可解决外边距塌陷、浮动元素高度塌陷等问题。常见触发方式包括浮动、绝对定位、inline-block、table-cell及overflow非visible值等。34.【参考答案】A、B【解析】强缓存由Cache-Control和Expires控制，浏览器直接使用本地缓存而不发起请求。Cache-Control是HTTP/1.1标准，优先级高；Expires是HTTP/1.0字段，表示绝对时间。ETag和Last-Modified用于协商缓存，需发起请求验证资源是否更新。35.【参考答案】A、B、D【解析】props用于父向子传递数据，$emit用于子组件触发事件向父组件通信，属于直接父子通信。$attrs和$listeners可实现属性和事件的透传，适用于多层嵌套。Vuex是状态管理方案，适用于复杂跨组件通信，但非专用于父子通信。36.【参考答案】A、B、C【解析】JavaScript中，var、let和const均为合法的变量声明关键字。var存在变量提升和函数作用域问题；let和const是ES6引入的，支持块级作用域，其中const用于声明常量。define并非JavaScript中的变量声明关键字，而是常用于模块定义（如AMD中的define函数），不能用于普通变量声明，因此不选D。37.【参考答案】A、B、C、D【解析】在标准盒模型中，元素的总宽度=width+左右padding+左右border+左右margin。width设定内容区宽度；padding和border属于盒模型内部结构，增加实际占用空间；margin虽不属元素自身尺寸，但影响其在页面中占据的总空间。因此四个选项均正确。38.【参考答案】A、B、D【解析】HTML5引入语义化标签以提升可读性和SEO。`<article>`表示可独立分发的内容；`<section>`表示主题相关的文档区块；`<nav>`定义导航链接区域。而`<div>`是无语义的通用容器，不属于语义化标签，故C错误。39.【参考答案】A、B、C【解析】JSONP利用script标签跨域获取数据，仅支持GET；CORS通过服务器设置响应头实现跨域资源共享；postMessage实现不同窗口间安全通信。而直接访问不同源的iframeDOM违反同源策略，会触发安全限制，不可行，故D错误。40.【参考答案】A、B、C、D【解析】Vue2通过Object.defineProperty监听属性变化，存在对新增属性无法监听的问题；Vue3使用Proxy解决了该缺陷。响应式初始化时仅处理已有属性，新增需用Vue.set。Vue对数组变异方法（如push、pop）进行了拦截，可触发更新，因此所有选项均正确。41.【参考答案】A、C【解析】使用`var`声明的变量和函数声明都会发生变量提升，`var`变量提升后初始化为`undefined`；函数声明不仅提升声明，还提升函数体。`let`和`const`也存在提升，但处于“暂时性死区”，在声明前访问会报错，因此B、D错误。C正确，函数提升优先级高于变量。42.【参考答案】A、B、C【解析】标准盒模型中，`width`仅指content部分，总宽度还需加上padding、border、margin。IE盒模型中`width`包含content、padding和border，通过`box-sizing:border-box`可启用。外边距虽不包含在`offsetWidth`中，但影响页面布局总占用宽度，故D错误。43.【参考答案】A、C、D【解析】HTML5语义化标签旨在提高可读性和可访问性。`<section>`代表文档的一个区域，`<article>`是独立内容块，`<aside>`用于附属信息。而`<div>`无语义，仅用于样式或脚本操作，B错误。合理使用语义标签有助于SEO和屏幕阅读器识别。44.【参考答案】A、C、D【解析】ES6模块中，`exportdefault`只能有一个，`import`语句必须在模块顶层（不能在条件语句中），因此B错误。模块自动启用严格模式，`import*asobjfrom'module'`可将所有导出挂载为对象属性，A、C、D均正确。模块语法是静态的，支持tree-shaking优化。45.【参考答案】A、C、D【解析】事件循环每次取一个宏任务执行，执行后清空所有微任务（如Promise回调），再取下一个宏任务。`setTimeout`属于宏任务，B错误；`Promise.then`是典型的微任务。微任务优先级高于宏任务，确保异步回调的及时响应，A、C、D正确。46.【参考答案】B【解析】`null`表示一个有意的空值，是对象类型（typeofnull返回"object"），而`undefined`表示变量未定义或未初始化。在严格相等（===）比较中，`null===undefined`返回false，因为它们类型不同。只有在宽松相等（==）下才返回true。这是JavaScript中的常见陷阱，前端开发中需特别注意类型判断逻辑。47.【参考答案】A【解析】`let`和`const`存在暂时性死区（TDZ），变量会被提升但不会被初始化。在声明之前访问该变量会导致ReferenceError。这与`var`不同，`var`提升且初始化为undefined。这是ES6的重要特性，前端开发中需避免在声明前使用`let/const`变量。48.【参考答案】A【解析】`em`相对于当前元素的`font-size`，若未设置则继承父元素。`rem`始终相对于根元素（html）的字体大小，不受嵌套影响，更适合响应式布局。前端开发中，`rem`常用于实现屏幕适配，避免`em`的嵌套放大问题，是现代布局的重要单位。49.【参考答案】A【解析】`useState`是ReactHook，允许函数组件拥有状态。调用其更新函数（如`setCount`）会将状态加入更新队列，并触发组件重新渲染。这是React函数组件的核心机制。注意状态更新是异步的，且只有状态真正变化时才会触发渲染（基于Object.is比较）。50.【参考答案】B【解析】根据HTTP规范，GET请求用于获取资源，参数应通过URL查询字符串传递，不推荐也不保证支持请求体。虽然HTTP协议未明确禁止，但多数服务器和代理会忽略GET的请求体，存在兼容风险。提交表单应使用POST方法，这是前端与后端通信的基本规范。51.【参考答案】A【解析】`==`是抽象相等比较，会在比较前尝试将两边的值转换为相同类型，例如`1=='1'`返回true；而`===`是严格相等，不仅比较值，还要求数据类型一致，`1==='1'`返回false。该特性是JavaScript中常见的考点，掌握它有助于避免逻辑错误。52.【参考答案】A【解析】`position:fixed;`将元素从正常文档流中移出，并相对于视口（viewport）进行定位，因此不受页面滚动影响。常用于实现固定导航栏或返回顶部按钮。此特性在响应式布局中应用广泛，是CSS定位的核心知识点之一。53.【参考答案】B【解析】`<section>`是具有明确语义的块级元素，表示文档中的一个独立章节或功能区域，如文章章节、评论区等；而`<div>`是无语义的通用容器。在SEO和可访问性方面，`<section>`更优，不能随意与`<div>`互换，需根据内容结构合理选择。54.【参考答案】A【解析】`v-model`在`<input>`、`<textarea>`等表单元素上会自动监听`input`事件并更新绑定的数据，等价于同时使用`:value`和`@input`。理解其原理有助于在自定义组件中正确实现双向绑定，是Vue开发中的基础但关键的知识点。55.【参考答案】A【解析】`let`和`const`声明的变量存在暂时性死区（TDZ），即从块级作用域开始到变量声明语句之间，访问该变量会抛出`ReferenceError`。与`var`不同，`let`不会变量提升，这是ES6中作用域机制的重要变化，需特别注意避免提前使用。

2025四川九强通信科技有限公司招聘前端开发工程师拟录用人员笔试历年典型考点题库附带答案详解（第2套）一、单项选择题下列各题只有一个正确答案，请选出最恰当的选项（共30题）1、在JavaScript中，以下哪种方法可以实现跨域资源共享（CORS）请求？A.使用document.domain属性B.通过JSONP技术C.设置Access-Control-Allow-Origin响应头D.调用window.postMessage方法2、关于Vue.js中的响应式原理，下列描述正确的是？A.Vue3使用Object.defineProperty实现数据劫持B.Vue2通过Proxy代理对象实现响应式C.Vue3采用Proxy替代了Object.definePropertyD.Vue的响应式系统不支持数组变化侦测3、以下哪项不是CSSFlex布局中的容器属性？A.flex-directionB.align-itemsC.flex-growD.justify-content4、在浏览器环境中，执行以下代码的输出结果是？

console.log(typeofnull);

console.log(typeofundefined);

console.log(null==undefined);A.objectundefinedtrueB.nullundefinedtrueC.objectundefinedfalseD.nullundefinedfalse5、下列关于HTTP缓存机制的说法，正确的是？A.Expires优先级高于Cache-ControlB.Last-Modified可精确到毫秒级别C.ETag用于验证资源是否发生变更D.强缓存下仍会发送请求到服务器验证6、在JavaScript中，以下哪个方法可以用于检测一个对象自身是否具有指定的属性，而不包括原型链上的属性？A.hasOwnProperty()B.propertyIsEnumerable()C.in操作符D.Object.keys()7、在CSS布局中，以下哪种方式无法实现一个元素在父容器中水平垂直居中？A.使用display:flex;并设置justify-content:center;align-items:center;B.使用position:absolute;配合top:50%;left:50%;transform:translate(-50%,-50%);C.使用float:center;D.使用grid布局并设置place-items:center;8、以下关于JavaScript事件循环（EventLoop）的说法，正确的是？A.宏任务执行完后才执行微任务B.setTimeout属于微任务C.Promise.then()回调属于微任务D.事件循环每次只处理一个宏任务和一个微任务9、Vue3中实现响应式数据的核心技术是什么？A.Object.definePropertyB.ProxyC.发布-订阅模式D.脏检查机制10、以下哪个选项不是HTTP缓存机制的一部分？A.Cache-ControlB.ETagC.CookieD.Last-Modified11、在JavaScript中，下列哪项能够正确检测一个变量是否为数组类型？A.typeofvariable==='array'B.variableinstanceofArrayC.Array.isArray(variable)D.variable.constructor===Array12、在CSS盒模型中，当一个元素设置了box-sizing:border-box;时，其width属性包含哪些部分？A.内容宽度B.内容宽度+内边距+边框C.内容宽度+内边距D.内容宽度+边框13、下列关于Vue.js响应式原理的描述，正确的是哪一项？A.Vue3使用Object.defineProperty实现属性劫持B.Vue2通过Proxy监听对象变化C.Vue3使用Proxy实现响应式，支持数组和对象的全面监听D.Vue的响应式系统无法监听对象属性的添加或删除14、在HTTP协议中，下列哪个状态码表示“请求的资源未被修改”，常用于缓存协商？A.200OKB.304NotModifiedC.403ForbiddenD.412PreconditionFailed15、在使用Promise时，下列关于catch方法的描述，正确的是哪一项？A.catch只能捕获Promise内部的异步错误B.catch方法等价于then(null,rejection)C.catch无法捕获then中抛出的异常D.每个Promise链必须显式调用catch，否则不报错16、在JavaScript中，下列哪个方法可以用于检测一个对象是否拥有某个自有属性（非继承属性）？A.Object.keys()B.hasOwnProperty()C.in操作符D.Object.getOwnPropertyNames()17、关于CSS中的盒模型，下列描述正确的是哪一项？A.标准盒模型中，width包括内容、内边距和边框B.设置box-sizing:border-box后，width包含内容、内边距和边框C.margin始终不参与盒模型的尺寸计算D.所有浏览器默认使用W3C标准盒模型18、在Vue3中，下列哪个选项是正确声明响应式数据的方式？A.this.data=reactive({count:0})B.conststate=ref({count:0})C.conststate={count:0}D.conststate=reactive(function(){return{count:0}})19、下列关于HTTP缓存机制的说法，哪一项是正确的？A.Expires优先级高于Cache-ControlB.设置Cache-Control:no-store表示允许缓存但需每次验证C.Last-Modified是协商缓存的验证字段之一D.强缓存生效时仍会向服务器发送请求校验20、在使用Promise时，下列哪种情况会导致Promise状态变为rejected？A.在Promise构造函数中调用resolve(false)B.Promise.then()中抛出异常C.Promise.resolve().then(()=>{thrownewError()})D.Promise.all([])被调用21、在JavaScript中，下列哪个方法可以用于检测一个对象是否拥有某个自有属性（非继承属性）？A.hasOwnProperty()B.propertyIsEnumerable()C.in操作符D.Object.keys()22、以下关于CSS盒模型的说法中，哪一项是正确的？A.标准盒模型中，元素的宽度包含padding和borderB.设置box-sizing:border-box后，width包含padding和borderC.margin始终在盒模型的最内层D.所有浏览器默认使用W3C标准盒模型23、在Vue3中，用于创建响应式对象的API是？A.reactive()B.ref()C.defineProps()D.toRefs()24、下列哪项不是HTTP缓存机制中的响应头字段？A.Cache-ControlB.ExpiresC.Last-ModifiedD.Content-Encoding25、在现代前端项目中，使用Webpack进行打包时，loader的主要作用是什么？A.定义打包的入口和出口文件B.监听文件变化并自动重新编译C.对非JavaScript模块进行转换处理D.优化输出的代码结构26、在JavaScript中，以下哪个方法可以用于检测一个对象是否具有指定的自身属性（非继承属性）？A.Object.keys()B.Object.getOwnPropertyNames()C.hasOwnProperty()D.in操作符27、在CSS布局中，下列哪种方式无法实现元素的水平垂直居中？A.使用position:absolute和transformB.使用display:flex，配合justify-content和align-itemsC.使用float:centerD.使用margin:auto配合display:grid28、关于Vue.js中的响应式原理，下列描述正确的是？A.Vue3使用Object.defineProperty实现响应式B.Vue2通过Proxy拦截对象属性操作C.Vue3使用Proxy实现更高效的响应式监听D.Vue不支持数组的响应式更新29、在HTTP协议中，以下哪种状态码表示“服务器成功处理请求，但无返回内容”？A.200B.204C.304D.40430、以下关于JavaScript事件循环（EventLoop）的描述，正确的是？A.宏任务执行完后才执行微任务B.setTimeout属于微任务C.Promise的回调属于微任务D.事件循环每次只处理一个宏任务和一个微任务二、多项选择题下列各题有多个正确答案，请选出所有正确选项（共15题）31、在JavaScript中，关于变量提升（Hoisting）的描述，以下哪些说法是正确的？A.使用`var`声明的变量会被提升到其作用域顶部B.使用`let`和`const`声明的变量不会被提升C.函数声明会被提升，但函数表达式不会D.变量提升会导致所有变量在代码执行前初始化为`undefined`32、关于CSS盒模型，以下哪些描述是正确的？A.标准盒模型中，元素宽度等于内容宽度B.IE盒模型中，padding和border包含在width之内C.设置`box-sizing:border-box`后，width包含padding和borderD.所有浏览器默认使用标准盒模型33、关于HTML5语义化标签的使用，以下哪些说法正确？A.`<section>`表示文档中的独立章节或区域B.`<div>`和`<span>`是语义化标签C.`<article>`适合用于博客文章或新闻内容D.`<header>`只能出现在页面顶部34、在前端性能优化中，以下哪些措施能有效减少页面加载时间？A.合并CSS和JavaScript文件以减少HTTP请求数B.使用`<img>`标签的`loading="lazy"`实现图片懒加载C.将所有JavaScript脚本放在`<head>`中加载D.启用Gzip压缩传输资源35、关于Vue.js的响应式原理，以下哪些说法是正确的？A.Vue2使用`Object.defineProperty`劫持数据的getter和setterB.Vue3使用Proxy实现响应式，性能更好C.数组的`push`、`pop`等方法在Vue2中无法被检测D.响应式系统能自动追踪组件依赖并更新视图36、在JavaScript中，以下哪些方式可以实现变量的解构赋值？A.数组解构B.对象解构C.字符串解构D.函数参数解构37、关于CSS盒模型，下列说法正确的有哪些？A.标准盒模型中，width仅包含内容区域宽度B.IE盒模型中，width包含内容、内边距和边框C.可通过box-sizing属性切换盒模型类型D.外边距（margin）始终不参与元素总宽度计算38、下列哪些方法可以用于避免JavaScript中的内存泄漏？A.及时清除不再使用的定时器B.避免全局变量的过度使用C.解绑事件监听器D.使用闭包保存外部变量引用39、关于Vue.js的响应式原理，以下描述正确的有哪些？A.Vue2使用Object.defineProperty实现数据劫持B.Vue3使用Proxy替代了Object.definePropertyC.响应式仅对对象属性生效，无法监听数组变化D.修改数组的length属性可触发视图更新40、在HTTP协议中，以下哪些属于GET请求的特点？A.请求参数附加在URL后B.可用于提交敏感数据C.有长度限制D.通常被浏览器缓存41、下列关于JavaScript中事件循环（EventLoop）机制的描述，哪些是正确的？A.宏任务（MacroTask）执行完后一定会立即执行所有微任务（MicroTask）B.setTimeout属于微任务队列中的任务C.Promise的回调函数属于微任务D.事件循环每次只能处理一个宏任务，但可以连续执行多个微任务42、在Vue.js框架中，关于组件通信方式的描述，哪些是正确的？A.父组件可以通过props向子组件传递数据B.子组件可以通过$emit触发事件向父组件传递信息C.使用EventBus可实现任意组件间的通信，适用于大型项目D.Vuex是Vue3中推荐的状态管理方案43、下列哪些方法可以有效提升网页的首屏加载性能？A.使用懒加载（LazyLoading）加载非首屏图片B.将所有CSS文件合并为一个并内联到HTML中C.对JavaScript文件进行代码分割（CodeSplitting）D.启用Gzip压缩服务器响应内容44、关于HTML5的语义化标签，以下说法正确的是？A.`<section>`表示文档中的独立章节或区域B.`<div>`是语义化标签，用于划分内容区块C.`<article>`适合用于博客文章、新闻等可独立发布的内容D.使用`<header>`和`<footer>`可以增强页面结构可读性与SEO45、在CSS布局中，以下哪些方法可以实现元素的水平垂直居中？A.使用`position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)`B.设置`display:flex;justify-content:center;align-items:center`C.使用`float:center`并配合margin自动调整D.父元素设置`text-align:center`，子元素为行内块并垂直对齐三、判断题判断下列说法是否正确（共10题）46、在JavaScript中，`typeofnull`的返回结果是"object"。A.正确B.错误47、CSS中的`em`单位是相对于当前元素字体大小的相对单位，而`rem`是相对于根元素（html）字体大小的单位。A.正确B.错误48、在React中，使用`useState`更新状态后，状态会立即同步更新并反映在后续代码中。A.正确B.错误49、HTML5中，`<section>`和`<div>`在语义上没有区别，可随意替换使用。A.正确B.错误50、在浏览器环境中，事件循环（EventLoop）中，微任务（Microtasks）的执行优先级高于宏任务（Macrotasks）。A.正确B.错误51、在JavaScript中，使用`var`声明的变量会存在变量提升现象，而`let`和`const`则不会被提升。A.正确B.错误52、在CSS中，`em`单位是相对于当前元素字体大小的单位，而`rem`是相对于根元素（html）字体大小的单位。A.正确B.错误53、在Vue3中，`setup()`函数是CompositionAPI的入口，只能在组件的选项中使用，不能在普通JavaScript文件中调用。A.正确B.错误54、HTTP状态码304表示服务器接收到请求，但资源未修改，客户端应使用本地缓存版本。A.正确B.错误55、在React中，`useEffect`Hook的依赖数组为空时，该副作用函数仅在组件挂载后执行一次。A.正确B.错误

参考答案及解析1.【参考答案】C【解析】跨域资源共享（CORS）是浏览器的一种安全机制，通过服务器在响应头中设置Access-Control-Allow-Origin，告知浏览器允许指定来源的请求访问资源。选项C是CORS机制的核心实现方式。JSONP虽可实现跨域，但基于script标签，不属CORS；document.domain仅适用于同主域不同子域；postMessage用于跨窗口通信，并非HTTP请求跨域解决方案。2.【参考答案】C【解析】Vue2使用Object.defineProperty劫持对象属性的getter/setter，但对数组和新增属性有局限；Vue3改用ES6的Proxy，能更全面监听对象和数组变化，支持动态属性添加。选项A、B描述错误，D错误因Vue可通过重写数组方法实现侦测。因此C为唯一正确选项。3.【参考答案】C【解析】flex-direction、align-items、justify-content均为Flex容器的属性，用于控制主轴方向、交叉轴对齐和主轴对齐方式。flex-grow是子项（flexitem）的属性，用于定义项目的放大比例。因此C不属于容器属性，是项目属性，故正确答案为C。4.【参考答案】A【解析】typeofnull返回"object"是JavaScript的历史遗留bug；typeofundefined返回"undefined"正确。null==undefined在非严格相等时返回true，因二者表示“无值”被认定相等。故输出依次为"object"、"undefined"、true，答案为A。5.【参考答案】C【解析】ETag是资源唯一标识，服务器通过比较ETag判断资源是否更新，用于协商缓存验证。Cache-Control优先级高于Expires；Last-Modified精度为秒；强缓存命中时无需请求服务器，直接使用本地缓存。故仅C正确，其他选项均有误。6.【参考答案】A【解析】hasOwnProperty()方法用于判断对象自身是否包含指定属性，不查找原型链。而in操作符会检查对象自身及原型链；propertyIsEnumerable()虽然也检查自身属性，但还要求属性可枚举；Object.keys()返回自身可枚举属性的数组，不能直接用于判断单个属性是否存在。因此，最准确的答案是A。7.【参考答案】C【解析】CSS中没有float:center;这一语法，float只支持left、right、none等值，无法实现居中布局。A、B、D均为现代前端中常用的居中方案：Flexbox、绝对定位+transform、Grid布局均可实现精准居中。因此，C选项语法错误，不能实现居中，答案为C。8.【参考答案】C【解析】在事件循环中，每执行完一个宏任务后，会清空当前所有的微任务队列。Promise.then()是典型的微任务，而setTimeout属于宏任务。A项顺序颠倒；D项错误，微任务会全部执行完，不限一个。因此，正确答案是C。9.【参考答案】B【解析】Vue3使用Proxy代替Vue2的Object.defineProperty实现响应式，Proxy能监听对象属性的新增、删除等操作，更加全面和高效。Object.defineProperty只能劫持已有属性；发布-订阅是设计模式，非实现机制；脏检查常用于Angular。因此正确答案是B。10.【参考答案】C【解析】HTTP缓存依赖于响应头字段如Cache-Control（控制缓存策略）、ETag（资源标识符）、Last-Modified（资源最后修改时间）实现。Cookie用于会话管理，不属于缓存机制。虽然它可能影响缓存行为，但其核心功能是状态保持。因此，C选项不是缓存机制的一部分，答案为C。11.【参考答案】C【解析】`Array.isArray()`是ES5引入的用于精确判断数组类型的静态方法，不受原型链修改的影响，最为可靠。`instanceof`在跨执行上下文（如iframe）时会失效；`constructor`可能被重写；`typeof`对数组返回"object"。因此C选项最准确。12.【参考答案】B【解析】`box-sizing:border-box`使元素的width和height包含内容、内边距（padding）和边框（border），不包括外边距（margin）。这在布局时更直观，避免计算溢出。标准的content-box仅包含内容，因此B正确。13.【参考答案】C【解析】Vue3改用Proxy替代Object.defineProperty，可监听对象属性的增删及数组变化，解决了Vue2的响应式限制。Vue2使用defineProperty，无法检测属性动态添加。因此C项描述准确。14.【参考答案】B【解析】304状态码表示客户端发送了条件请求（如If-Modified-Since），服务器验证资源未修改后返回此码，不传输内容，允许使用缓存。200为正常响应，403为权限不足，412为前置条件失败，故B正确。15.【参考答案】B【解析】`catch`是`then`的语法糖，等价于`then(null,rejection)`，可捕获Promise拒绝及前面then回调中抛出的同步异常。未加catch的链会在控制台报错但不阻断执行。B项描述准确，符合Promise规范。16.【参考答案】B【解析】hasOwnProperty()方法用于判断对象是否包含指定的自有属性，不包括从原型链继承的属性。Object.keys()和Object.getOwnPropertyNames()返回属性数组，不能直接用于布尔判断；in操作符会检查包括原型链在内的所有可枚举属性，因此不能区分是否为自有属性。只有hasOwnProperty()能精确判断自有属性的存在性，是标准解决方案。17.【参考答案】B【解析】默认情况下，CSS使用标准盒模型（content-box），width仅指内容区宽度。设置box-sizing:border-box后，width包括内容、内边距和边框，便于布局控制。margin是盒模型外部空间，不计入元素自身尺寸。尽管现代浏览器默认支持标准盒模型，但实际开发中常通过reset或border-box统一处理。B项描述准确。18.【参考答案】B【解析】在Vue3的组合式API中，ref()用于创建包含基本类型或对象的响应式引用，访问时需用.value；reactive()接收对象并返回响应式代理。B项正确使用ref包裹对象，可在模板中直接解构使用。A项混用Vue2语法；C项非响应式；D项传入函数而非对象，错误。ref和reactive是响应式核心API，使用需规范。19.【参考答案】C【解析】HTTP缓存分为强缓存和协商缓存。强缓存使用Cache-Control和Expires，其中Cache-Control优先级更高；no-store表示禁止任何缓存。协商缓存通过Last-Modified/If-Modified-Since或ETag/If-None-Match实现，Last-Modified是服务器返回的资源最后修改时间，用于后续请求验证。强缓存命中时，不发请求，直接使用本地缓存。C项正确。20.【参考答案】C【解析】Promise状态由执行器函数中的resolve或reject决定。resolve(false)仍使状态为fulfilled，因参数可为任意值。B项中，.then的异常若未被后续.catch捕获，会返回一个rejected的新Promise。C项在then回调中抛出错误，该Promise链将进入rejected状态。D项Promise.all空数组会立即resolve。C是明确导致rejected的情况。21.【参考答案】A【解析】`hasOwnProperty()`方法用于判断对象是否包含指定的自有属性，不包括原型链上的继承属性。`in`操作符会检查包括原型链在内的所有属性，无法区分是否为自有属性。`propertyIsEnumerable()`虽然也检测自有属性，但还要求属性可枚举，范围更小。`Object.keys()`返回所有可枚举自有属性的数组，但不能直接用于判断单个属性的存在。因此，最准确用于检测自有属性的方法是`hasOwnProperty()`。22.【参考答案】B【解析】在标准盒模型（content-box）中，width仅指内容区域宽度，不包含padding和border。而设置`box-sizing:border-box`后，width和height包含内容、padding和border，更便于布局控制。margin位于盒模型最外层，用于与其他元素的间距。虽然现代浏览器默认使用W3C标准盒模型，但早期IE使用怪异盒模型。因此，B选项正确描述了border-box的行为。23.【参考答案】A【解析】`reactive()`用于将一个普通对象转换为响应式对象，适用于处理对象或数组类型的数据。`ref()`主要用于创建包含基本类型值的响应式引用，也可用于对象，但访问需通过.value。`defineProps()`是用于接收父组件传递的props，`toRefs()`则用于将reactive对象的属性转换为ref形式，便于解构使用。因此，创建响应式对象的核心API是`