前端考核试题库自我提分评估含完整答案详解（全优）

前端考核试题库自我提分评估含完整答案详解（全优）1.在CSSFlexbox布局中，要使Flex容器内的子元素在垂直方向（交叉轴）上居中对齐，应设置哪个属性？

A.justify-content:center;

B.align-items:center;

C.justify-content:space-around;

D.align-content:center;【答案】：B

解析：本题考察Flexbox布局的核心属性。正确答案为B，`align-items`属性控制交叉轴（垂直方向）上子元素的对齐方式，`center`值可使其居中。A错误，`justify-content`控制主轴（水平方向）对齐；C错误，`space-around`是主轴空间分布方式，与垂直对齐无关；D错误，`align-content`用于多行Flex容器的交叉轴对齐，单行场景下`align-items`更合适。2.在HTTP缓存机制中，以下哪个属于浏览器与服务器协商后确定是否使用缓存的机制？

A.Expires

B.Cache-Control

C.ETag

D.max-age【答案】：C

解析：本题考察HTTP缓存的分类（强缓存vs协商缓存）。正确答案为C，ETag（实体标签）是服务器生成的资源唯一标识，客户端请求时通过If-None-Match头与服务器协商，由服务器判断资源是否更新，属于协商缓存。A、B、D均为强缓存机制：Expires（绝对过期时间）、Cache-Control（含max-age相对过期时间）均由浏览器直接判断缓存是否过期，无需与服务器通信。3.以下代码执行后，控制台输出的顺序是？（注：async函数内部同步代码优先执行）

A.globalstart,start,globalend,syncend,middle,done

B.globalstart,globalend,start,syncend,middle,done

C.globalstart,start,globalend,middle,syncend,done

D.globalstart,globalend,syncend,start,middle,done【答案】：A

解析：本题考察JavaScript异步执行顺序（同步代码、微任务、宏任务）。执行流程如下：1.同步代码执行：console.log('globalstart')→输出'globalstart'；2.调用asyncTask()：内部同步代码console.log('start')立即执行→输出'start'，之后await暂停函数，返回pendingPromise；3.继续执行同步代码：console.log('globalend')→输出'globalend'；4.继续执行同步代码：console.log('syncend')→输出'syncend'；5.微任务队列执行：.then回调中恢复asyncTask函数，执行console.log('middle')→输出'middle'，返回'done'；6..then接收返回值，输出'done'。综上，输出顺序为：globalstart→start→globalend→syncend→middle→done，对应选项A。4.以下关于JavaScript中Promise.then()方法的描述，正确的是？

A.then方法只能接收一个回调函数作为参数

B.then方法返回的是一个新的Promise实例，便于链式调用

C.then方法中的回调函数会在当前执行栈完成后立即同步执行

D.如果then方法中的回调函数抛出错误，会直接终止后续的程序执行【答案】：B

解析：本题考察Promise.then()的特性。选项A错误，then可接收两个回调（成功/失败）；选项B正确，then返回新Promise支持链式调用；选项C错误，then回调是微任务，异步执行；选项D错误，错误会被捕获到下一个then或catch，不会终止程序。5.以下关于JavaScript闭包的描述，正确的是？

A.闭包是指函数能够访问并操作其外部作用域中的变量

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

C.只有嵌套函数才能形成闭包

D.闭包只能在函数内部定义，无法在外部访问【答案】：A

解析：本题考察JavaScript闭包的核心概念。正确答案为A，因为闭包的定义是函数及其词法环境的组合，能够访问并操作其外部作用域中的变量。B错误，闭包本身不会导致内存泄漏，只有滥用闭包（如长期持有大对象引用不释放）才可能导致；C错误，闭包不仅限于嵌套函数，如函数返回另一个函数也会形成闭包；D错误，闭包的核心是函数内部定义的变量被外部函数返回的函数访问，而非无法在外部访问。6.以下哪个HTML标签不属于语义化标签？

A.<header>

B.<nav>

C.<div>

D.<section>【答案】：C

解析：本题考察HTML语义化标签知识点。语义化标签如<header>（页眉）、<nav>（导航）、<section>（章节）能明确内容结构，提升可读性和SEO；而<div>是通用容器标签，无语义含义。因此正确答案为C。7.当元素设置box-sizing:border-box时，其width属性的计算方式是？

A.仅包含content区域

B.包含content和padding

C.包含content、padding和border

D.包含content、padding、border和margin【答案】：C

解析：本题考察CSS盒模型的box-sizing属性。box-sizing:border-box会使元素的width/height包含content区域、内边距(padding)和边框(border)，但不包含外边距(margin)。选项A是默认content-box模型的表现；选项B遗漏了border；选项D错误，margin不参与width计算。8.以下哪项不属于前端性能优化的常见手段？

A.使用CDN加速静态资源加载

B.合并CSS/JS文件以减少HTTP请求数量

C.对图片进行懒加载（延迟加载）

D.增加DOM元素数量以丰富页面交互内容【答案】：D

解析：本题考察前端性能优化的核心原则。正确答案为D。解析：增加DOM元素会增加页面复杂度，导致浏览器渲染负担加重，反而降低性能。A、B、C均为常见优化手段：CDN加速减少资源加载距离，合并文件减少请求数，图片懒加载降低初始加载时间。9.在JavaScript中，关于let和var声明变量的描述，错误的是？

A.let和var都存在变量提升

B.let声明的变量具有块级作用域

C.var声明的变量在全局作用域下挂载到window对象

D.使用let声明变量不能重复声明同一作用域内的变量【答案】：A

解析：本题考察JavaScript变量声明机制。正确答案为A，因为let声明的变量不存在变量提升，存在暂时性死区，而var存在变量提升。B正确，let有块级作用域；C正确，var在全局作用域会挂载到window对象；D正确，let在同一作用域不能重复声明，var可以（但会覆盖）。10.以下关于Promise的描述，错误的是？

A.Promise的状态一旦变为fulfilled，就无法再变为rejected

B.Promise的then方法中的回调函数是异步执行的

C.Promise的catch方法可以捕获其自身的错误及前序then回调的错误

D.Promise的then方法返回的新Promise的状态由原Promise的状态决定【答案】：D

解析：本题考察Promise的异步特性。选项A正确：Promise状态不可逆，一旦resolved/rejected则无法再改变；选项B正确：then回调属于微任务，异步执行；选项C正确：catch可捕获Promise链中任何位置的错误；选项D错误：then回调返回值会决定新Promise的状态（若返回Promise则等待其状态，否则直接resolve该值），与原Promise状态无关。11.以下关于Promise的描述，正确的是？

A.Promise的状态一旦变为rejected，就无法再变为fulfilled

B.Promise的then方法中返回的非Promise值会被忽略

C.Promise.all()会等待所有Promise完成后返回数组结果

D.catch方法只能捕获Promise对象直接抛出的错误【答案】：A

解析：本题考察JavaScriptPromise的核心特性。正确答案为A，Promise状态一旦从pending转为fulfilled或rejected，就不可逆。B错误，then返回非Promise值会被包装为resolved状态的Promise（值为返回结果）；C错误，Promise.all()只要有一个Promiserejected就会立即rejected，不会等待所有完成；D错误，catch可捕获整个Promise链中的错误（包括前面then中抛出的异常）。12.以下关于事件委托（事件代理）的说法，错误的是？

A.事件委托利用了事件冒泡机制，将事件监听器绑定到父元素上

B.事件委托可减少事件监听器数量，提升页面性能

C.事件委托只能在父元素上实现，子元素无法独立使用委托机制

D.动态添加的子元素无需重新绑定事件，直接继承父元素的委托逻辑【答案】：C

解析：本题考察事件委托的核心原理。正确答案为C，事件委托的本质是利用事件冒泡，可绑定在**任意祖先元素**（包括document、body）上，而非仅父元素。A正确：事件委托的基础是事件冒泡，父元素可通过冒泡捕获子元素事件；B正确：大量动态元素（如列表项）时，减少监听器数量可避免内存占用过高；D正确：动态添加的子元素触发事件时，父元素委托逻辑自动生效，无需重复绑定。13.以下关于事件委托的说法，正确的是？

A.事件委托的核心原理是利用事件冒泡机制

B.事件委托只能在body元素上使用

C.使用事件委托会导致事件无法被阻止冒泡

D.事件委托会增加事件监听的数量【答案】：A

解析：本题考察事件委托的原理。选项A正确：事件委托通过将子元素事件委托给父元素，利用事件冒泡机制减少重复监听；选项B错误：事件委托可在任意父元素上使用，不限于body；选项C错误：事件委托中仍可通过event.stopPropagation()阻止冒泡；选项D错误：事件委托的优势是减少事件监听数量（无需为每个子元素绑定事件）。14.以下关于JavaScript闭包的描述，正确的是？

A.闭包只能在函数外部定义

B.闭包会导致内存泄漏，因此应该避免使用

C.闭包可以访问外部函数作用域中的变量

D.闭包会继承外部函数的所有变量，即使外部函数执行完毕后变量仍会被立即释放【答案】：C

解析：本题考察JavaScript闭包的概念。闭包是指有权访问另一个函数作用域中变量的函数，其核心是能够访问外部函数作用域中的变量（C正确）。A错误，闭包定义在函数内部（而非外部）；B错误，闭包并非必须避免，它是实现数据私有化、模块化的重要手段，合理使用不会导致内存泄漏；D错误，外部函数执行完毕后，其变量不会被立即释放（垃圾回收会延迟），且“继承所有变量”描述不准确，闭包通过作用域链访问变量而非直接继承。15.关于HTTP请求方法GET和POST的区别，以下描述正确的是？

A.GET请求参数会附加在URL中，可能被浏览器缓存

B.GET请求必须将参数放在请求体中，POST则放在URL中

C.GET请求比POST请求更安全，因为参数不会暴露在URL中

D.GET请求只能用于获取数据，不能用于提交数据【答案】：A

解析：本题考察HTTP协议中GET和POST方法的核心区别。GET请求的参数通过URL查询字符串（如`?name=test`）传递，因此可能被浏览器、服务器或代理缓存，且在URL中可见（安全性低）；POST请求参数放在请求体中，通常不缓存（但非绝对），且参数不可见（相对安全）。选项B错误，GET无请求体，参数仅在URL；选项C错误，GET参数在URL可见，安全性低于POST；选项D错误，规范中GET和POST均可用于提交数据，只是语义上GET更偏向“获取”，POST偏向“提交”。因此正确答案为A。16.以下关于CSS盒模型的描述，正确的是？

A.标准盒模型（W3C盒模型）中，元素的总宽度=content+padding+border+margin

B.当box-sizing:border-box时，元素的width包含content、padding和border

C.inline-block元素的margin-top和margin-bottom会发生合并现象

D.元素设置display:inline-block时，其宽度无法通过width属性手动设置【答案】：B

解析：本题考察CSS盒模型的核心概念。选项A错误：标准盒模型（content-box）的总宽度=content宽度+padding+border+margin（margin是额外外边距）；选项B正确：box-sizing:border-box时，width/height包含content、padding和border（IE盒模型特性）；选项C错误：margin合并仅发生在块级元素（如div、p），inline-block元素不会合并上下margin；选项D错误：inline-block元素支持width属性，可通过width控制宽度。17.以下代码执行后，最终输出的结果是？

```javascript

constpromise=newPromise((resolve)=>{resolve(1);});

promise.then((val)=>{console.log(val);returnval+1;}).then((val)=>{console.log(val);thrownewError('TestError');}).catch((err)=>{console.log(err.message);return3;}).then((val)=>{console.log(val);});

```

A.1,2,'TestError',3

B.1,2,'TestError',undefined

C.1,2,3,'TestError'

D.1,2,3,undefined【答案】：A

解析：本题考察Promise链式调用与错误处理。正确答案为A。分析：Promise的`then`和`catch`均返回新Promise，且错误会被后续`catch`捕获后继续执行。流程为：第一个`then`输出1并返回2→第二个`then`输出2并抛出错误→`catch`捕获错误输出`TestError`并返回3→最后一个`then`接收3并输出。因此依次输出1、2、'TestError'、3。错误选项B错误在于`catch`返回的3会被最后一个`then`接收，而非undefined；C错误在于`catch`后的`then`才是输出3的位置；D错误同理。18.关于Promise的then方法，以下描述正确的是？

A.then方法返回的是一个新的Promise实例，支持链式调用

B.then方法只能接收一个回调函数，用于处理成功或失败的情况

C.如果then中抛出错误，必须显式返回Promise.reject才能进入catch方法

D.then方法中的回调函数必须返回Promise才能实现链式调用【答案】：A

解析：本题考察Promise的then方法特性。Promise的then方法会返回一个新的Promise实例，这是实现链式调用的核心（A正确）。B错误，then方法可接收两个回调函数参数，分别处理成功和失败；C错误，then中抛出的错误会被Promise自动捕获并传递给下一个catch；D错误，then回调函数返回非Promise值时，then会将其包装为resolved状态的Promise继续链式调用，不强制要求返回Promise。19.以下代码执行后，输出的结果顺序是？

asyncfunctionasyncFunc(){

console.log('asyncstart');

constresult=awaitPromise.resolve('success');

console.log(result);

return'done';

}

asyncFunc().then(res=>console.log(res));

console.log('scriptend');

A.asyncstart,scriptend,success,done

B.scriptend,asyncstart,success,done

C.asyncstart,success,scriptend,done

D.asyncstart,scriptend,done,success【答案】：A

解析：本题考察JavaScript异步执行顺序。async函数中await会暂停执行，等待Promise完成后继续，但then回调是微任务，需等同步代码执行完毕后执行。执行流程：1.同步代码打印"asyncstart"；2.执行console.log('scriptend')（同步代码）；3.await完成后打印"success"；4.then回调打印返回值"done"。选项B中scriptend在asyncstart前，错误；选项C中success在scriptend前，错误；选项D中done在success前，错误。因此正确答案为A。20.以下代码的输出顺序是？

```javascript

asyncfunctionasyncFunc(){

console.log('start');

constresult=awaitPromise.resolve(100);

console.log(result);

return200;

}

asyncFunc().then(res=>console.log(res));

console.log('end');

```

A.start,100,end,200

B.start,end,100,200

C.start,end,200,100

D.end,start,100,200【答案】：B

解析：本题考察JavaScript异步编程中`async/await`的执行顺序。`async`函数内的同步代码（如`console.log('start')`）立即执行；`await`会暂停函数执行，等待Promise完成后继续，但`then`回调是微任务，会在当前同步代码执行完毕后才执行。因此执行顺序为：`start`（同步代码）→`end`（后续同步代码）→`100`（`await`后执行）→`200`（`then`回调）。选项A错误，因`then`回调在`end`之后执行；选项C错误，`200`在`100`之后；选项D错误，`start`在`end`之前执行。21.关于JavaScript中Promise的then方法，以下说法正确的是？

A.then方法必须返回一个Promise实例才能实现链式调用

B.then方法只能在Promise状态变为resolved时执行

C.每个then方法的回调函数都会立即执行

D.Promise的then方法会阻塞后续代码执行【答案】：A

解析：本题考察Promise的核心机制。Promise的then方法返回一个新的Promise实例，这是实现链式调用的关键（通过返回的新Promise传递结果）。选项B错误，then方法有两个回调参数，resolved状态执行第一个，rejected状态执行第二个；选项C错误，then的回调函数是异步执行的（加入微任务队列），不会立即执行；选项D错误，Promise的then方法是异步非阻塞的，不会影响后续代码执行顺序（除非在then中主动使用同步阻塞操作）。22.以下代码执行后，输出的结果是？

asyncfunctionasyncFn(){

console.log('start');

constresult=awaitPromise.resolve('success');

console.log(result);

return'done';

}

console.log(asyncFn());

A.start,success,done

B.Promise{<pending>},start,success

C.start,Promise{<fulfilled>:'success'},done

D.start,success,Promise{<fulfilled>:'done'}【答案】：D

解析：本题考察async/await的执行机制。调用asyncFn()时，函数体立即执行，首先打印'start'；执行awaitPromise.resolve('success')时，函数暂停，等待Promiseresolved后打印'success'；之后return'done'使async函数返回的Promise被resolve为'done'。因此，console.log(asyncFn())会依次打印'start'、'success'，最后打印asyncFn()返回的已resolve的Promise。正确答案为D。23.在前端性能优化中，以下哪项措施对提升网页首屏加载速度最有效？

A.使用CDN分发静态资源

B.压缩HTML、CSS、JS文件体积

C.图片采用懒加载技术

D.启用浏览器缓存策略【答案】：B

解析：本题考察前端性能优化关键指标。首屏加载速度取决于资源传输速度和解析渲染速度：选项B正确，压缩HTML/CSS/JS可显著减小文件体积，减少网络传输时间（关键渲染路径核心资源）；选项A错误，CDN优化的是资源分发速度，前提是文件体积已优化；选项C错误，懒加载仅优化非首屏图片，对首屏渲染无直接帮助；选项D错误，浏览器缓存需依赖用户已访问过的资源，对首次加载无优化作用。24.以下关于CSSGrid布局和Flexbox布局的描述，错误的是？

A.Grid布局是二维布局系统，支持行和列的同时控制

B.Flexbox布局是一维布局系统，主要用于处理行或列方向的排列

C.Grid布局中子元素必须通过grid-row和grid-column显式指定位置，无法自动填充

D.Flexbox布局更适合组件内部的灵活排列（如导航栏、卡片组）【答案】：C

解析：本题考察CSSGrid和Flexbox的核心特性差异。

-A正确：Grid布局通过grid-template-rows/columns定义行列轨道，支持二维布局；

-B正确：Flexbox通过flex-direction定义主轴方向，仅处理一维排列；

-C错误：Grid布局支持auto-fill/auto-fit等属性实现子元素自动填充行列，无需显式指定位置；

-D正确：Flexbox适合组件内部的一维灵活排列。错误选项C混淆了Grid布局的灵活性。25.关于React虚拟DOM的描述，错误的是？

A.虚拟DOM是内存中的JavaScript对象，用于描述真实DOM结构

B.虚拟DOM的Diff算法通过同层比较来提高更新效率

C.使用虚拟DOM可以避免频繁操作真实DOM，从而提升性能

D.虚拟DOM只能用于React框架，Vue和Angular中不存在类似概念【答案】：D

解析：本题考察虚拟DOM的技术本质。正确答案为D：虚拟DOM并非React独有，Vue2.0+、Angular（2+）、Vue3、Solid等框架均采用虚拟DOM或类似概念（如Vue3结合响应式系统和Fiber架构优化更新）。A正确：虚拟DOM是用JavaScript对象模拟DOM树结构，是真实DOM的轻量级抽象。B正确：React的Diff算法基于“同层比较+key优化”，通过减少DOM节点操作提升更新效率。C正确：虚拟DOM通过计算最小差异后批量更新真实DOM，避免频繁操作DOM导致的重排重绘，从而提升性能。26.在ES6中，使用`let`声明的变量与`var`声明的变量相比，主要区别在于？

A.作用域不同（let是块级作用域，var是函数作用域）

B.变量提升行为不同（let声明的变量不会提升）

C.不允许重复声明（let声明的变量不可重复声明）

D.初始值不同（let必须显式赋值）【答案】：A

解析：本题考察ES6中let与var的核心区别。正确答案为A。解析：let声明的变量具有块级作用域（如if/for/{}内），而var声明的变量具有函数作用域（仅在函数内有效）。B选项错误，let和var都会变量提升，但let存在暂时性死区，并非完全不提升；C选项错误，var在同一作用域可重复声明（后声明会覆盖前声明），let不可重复声明是其特性之一，但不是“主要区别”；D选项错误，let和var初始值默认均为undefined，与是否显式赋值无关。27.在CSS选择器优先级中，以下哪种选择器的优先级最高？

A.类选择器（.class）

B.ID选择器（#id）

C.标签选择器（div）

D.后代选择器（divp）【答案】：B

解析：本题考察CSS选择器优先级规则。CSS优先级从高到低依次为：ID选择器>类选择器/伪类选择器>标签选择器/伪元素选择器>后代选择器/通用选择器。因此ID选择器（B选项）优先级最高，A、C、D优先级均低于ID选择器。28.在CSSFlex布局中，用于控制项目在主轴上对齐方式的属性是？

A.justify-content

B.align-items

C.flex-direction

D.flex-wrap【答案】：A

解析：本题考察Flex布局中主轴与交叉轴的对齐控制。选项A正确，justify-content属性用于定义项目在主轴上的对齐方式（如居中、两端对齐等）；选项B错误，align-items控制项目在交叉轴上的对齐方式；选项C错误，flex-direction定义主轴方向（行/列）而非对齐方式；选项D错误，flex-wrap控制项目是否换行，与对齐无关。29.以下关于HTTP缓存的描述，正确的是？

A.强缓存由Expires和Cache-Control（max-age）控制，协商缓存由Last-Modified和ETag控制，且强缓存优先级高于协商缓存

B.强缓存由Expires和ETag控制，协商缓存由Cache-Control（max-age）和Last-Modified控制，且协商缓存优先级高于强缓存

C.强缓存由Cache-Control（no-cache）和ETag控制，协商缓存由Expires和Last-Modified控制，且两者优先级相同

D.强缓存由Last-Modified和ETag控制，协商缓存由Expires和Cache-Control（max-age）控制，且协商缓存优先级高于强缓存【答案】：A

解析：本题考察HTTP缓存机制。强缓存通过Expires（HTTP/1.0）或Cache-Control:max-age（HTTP/1.1）判断缓存是否过期，直接使用本地缓存，无需请求服务器，优先级更高；协商缓存通过Last-Modified/If-Modified-Since（HTTP/1.0）或ETag/If-None-Match（HTTP/1.1）向服务器确认缓存是否更新，若未更新则返回304使用缓存。因此正确答案为A。30.在JavaScript中，标准的DOM事件流阶段顺序是？

A.目标阶段→捕获阶段→冒泡阶段

B.捕获阶段→目标阶段→冒泡阶段

C.冒泡阶段→捕获阶段→目标阶段

D.目标阶段→冒泡阶段→捕获阶段【答案】：B

解析：本题考察DOM事件流的三个阶段。标准事件流分为三个阶段：首先是**捕获阶段**（事件从根节点向目标元素传播），然后是**目标阶段**（事件到达目标元素），最后是**冒泡阶段**（事件从目标元素向根节点反向传播）（B正确）。A、C、D均混淆了事件流的阶段顺序，捕获阶段是起始阶段，冒泡阶段是结束阶段，目标阶段是中间阶段。31.以下代码执行后，控制台输出的结果是？

asyncfunctionasyncFunc(){

console.log('Start');

constresult=awaitPromise.resolve(100);

console.log(result);

returnresult+200;

}

asyncFunc().then(res=>console.log(res));

A.Start100300

B.Start300100

C.100Start300

D.100300Start【答案】：A

解析：本题考察JavaScript异步编程（async/await）执行顺序。async函数中，同步代码优先执行（输出'Start'）；await暂停函数，等待Promise完成后继续执行，此时输出await后的结果100；async函数返回Promise，then回调接收返回值300并输出。因此执行顺序为：Start→100→300，答案为A。32.React中虚拟DOM的主要作用是？

A.减少直接操作真实DOM的次数，提升性能

B.提高代码的可读性和可维护性

C.直接将虚拟DOM渲染为真实DOM

D.自动管理组件的生命周期【答案】：A

解析：本题考察React虚拟DOM的核心功能。正确答案为A：虚拟DOM通过在内存中维护一份与真实DOM结构一致的轻量级对象，利用diff算法比较差异，从而减少直接操作真实DOM的次数，避免频繁重排重绘以提升性能。错误选项分析：B错误，代码可读性主要依赖组件化设计而非虚拟DOM；C错误，虚拟DOM需通过ReactDOM.render等方法转换为真实DOM，这是渲染过程而非虚拟DOM的作用；D错误，组件生命周期由React框架内部管理，与虚拟DOM无关。33.React中“虚拟DOM”（VirtualDOM）的主要作用是？

A.减少DOM操作次数，提高渲染性能

B.直接操作真实DOM，替代原生DOMAPI

C.存储所有DOM节点的完整结构，便于调试

D.优化CSS选择器性能，加速样式渲染【答案】：A

解析：本题考察React虚拟DOM的核心设计目标。虚拟DOM是真实DOM的“内存副本”，React通过对比新旧虚拟DOM的差异（即“Diff算法”），计算出最小的DOM操作集合，再批量更新真实DOM，从而**减少不必要的DOM操作**，显著提升渲染性能。选项B错误，虚拟DOM本身不直接操作真实DOM，而是通过计算差异后间接操作；选项C错误，虚拟DOM的主要作用是性能优化，而非调试；选项D错误，虚拟DOM与CSS无关。因此正确答案为A。34.浏览器对静态资源（如CSS、JS）的缓存策略中，“强缓存”和“协商缓存”的主要区别在于？

A.强缓存不发送请求到服务器，协商缓存需要发送请求

B.强缓存会发送请求到服务器，协商缓存不发送

C.强缓存只能通过Expires实现，协商缓存只能通过ETag实现

D.强缓存优先于协商缓存，两者不能同时使用【答案】：A

解析：本题考察浏览器缓存机制。正确答案为A，强缓存通过Cache-Control（max-age）或Expires控制，浏览器直接根据本地缓存过期时间判断，无需发送请求；协商缓存通过Last-Modified/ETag等字段，需发送请求到服务器验证缓存有效性。B错误，强缓存不发送请求，协商缓存发送；C错误，强缓存可通过Expires或Cache-Control，协商缓存支持Last-Modified/ETag等多种方式；D错误，强缓存和协商缓存可同时存在，浏览器优先检查强缓存，过期后才触发协商缓存。35.以下哪项是JavaScript闭包（Closure）的主要用途？

A.创建独立的作用域，避免变量污染

B.解决变量提升问题

C.自动释放内存

D.优化DOM操作性能【答案】：A

解析：本题考察JavaScript闭包的核心知识点。闭包是指函数及其词法环境的组合，其主要用途是创建独立的作用域，避免变量污染（即保护函数内部变量不被外部修改，同时允许函数外部通过闭包访问内部变量）。选项B错误，变量提升是var声明变量的特性（函数内变量提升到顶部），与闭包无关；选项C错误，闭包可能导致内存泄漏（如果闭包引用的变量未被正确释放），而非自动释放内存；选项D错误，DOM操作性能优化通常通过事件委托、减少DOM操作次数等方式实现，与闭包无直接关联。36.以下关于JavaScript闭包的描述，正确的是？

A.闭包是指函数内部定义的函数

B.闭包只能访问函数外部的变量，无法修改

C.闭包可能导致内存泄漏

D.闭包的主要作用是延长变量的作用域到全局【答案】：C

解析：本题考察JavaScript闭包的核心概念与影响。选项A错误，闭包的定义是'有权访问另一个函数作用域中变量的函数'，而非简单的'函数内部定义的函数'，后者未强调作用域访问；选项B错误，闭包不仅能访问外部变量，还能修改其值（通过内部函数操作）；选项C正确，闭包会持有对外部变量的引用，若外部变量未被正确释放，可能导致内存泄漏；选项D错误，闭包的作用域是函数内部作用域，不会将变量作用域延长至全局。37.在标准盒模型（content-box）下，一个设置了`width:100px;padding:10px;border:5pxsolid#000;`的元素，其实际占据的宽度是？

A.100px

B.120px

C.115px

D.130px【答案】：D

解析：本题考察CSS盒模型知识点。标准盒模型中，元素总宽度计算公式为：`总宽度=width（内容宽度）+padding（内边距）+border（边框）`。题目中`width:100px`（内容宽度），`padding:10px`（上下左右内边距各10px），`border:5px`（上下左右边框各5px），因此总宽度=100+10×2+5×2=130px。选项A错误，未包含内边距和边框；选项B错误，仅计算了内容宽度+内边距，忽略了边框；选项C错误，错误计算了边框宽度（5×1）。38.以下代码执行后，控制台输出的顺序是？

asyncfunctionasyncFunc(){

console.log('asyncstart');

constresult=awaitnewPromise(resolve=>{

setTimeout(()=>{

console.log('setTimeout');

resolve('resolved');

},0);

});

console.log('asyncend',result);

}

asyncFunc();

console.log('globalend');

A.asyncstart->globalend->setTimeout->asyncendresolved

B.asyncstart->setTimeout->globalend->asyncendresolved

C.asyncstart->globalend->asyncendresolved->setTimeout

D.asyncstart->setTimeout->asyncendresolved->globalend【答案】：A

解析：本题考察JavaScript异步编程中async/await与宏任务的执行顺序。async函数内部的同步代码会立即执行，因此首先输出'asyncstart'；遇到await时，会暂停async函数的执行，将后续代码（即await之后的console.log('asyncend')）加入微任务队列，然后继续执行同步代码（即最后一行的console.log('globalend')）。当同步代码执行完毕后，才会处理微任务队列，此时Promise已被resolve，因此执行'asyncendresolved'。而setTimeout是宏任务，会在微任务之后执行，因此顺序为：asyncstart->globalend->setTimeout->asyncendresolved。错误选项B将setTimeout放在globalend之前，忽略了微任务的执行时机；选项C和D的顺序均不符合异步执行逻辑。39.以下哪项属于前端关键渲染路径优化的常见手段？

A.压缩HTML、CSS、JavaScript文件

B.使用iframe嵌套第三方内容

C.减少图片尺寸

D.增加DOM节点数量【答案】：A

解析：本题考察前端性能优化。关键渲染路径优化需减少资源阻塞时间，压缩HTML/CSS/JS文件可减小体积、加快下载，优化关键渲染路径，A正确。选项B增加额外资源加载，C属于图片优化（非关键路径），D增加DOM复杂度，均不属于关键渲染路径优化手段。因此正确答案为A。40.在CSSFlexbox布局中，哪个属性用于控制Flex项目在交叉轴上的对齐方式？

A.justify-content

B.align-items

C.flex-direction

D.flex-wrap【答案】：B

解析：本题考察CSSFlexbox布局属性。正确答案为B，align-items用于控制项目在交叉轴（垂直于主轴）上的对齐方式。A错误，justify-content控制主轴（水平/垂直）方向的对齐；C错误，flex-direction设置主轴方向（如row/column）；D错误，flex-wrap控制是否换行。41.以下关于JavaScript闭包的描述，正确的是？

A.闭包是指有权访问另一个函数作用域中变量的函数

B.闭包会导致全局变量污染，应该避免使用

C.只有在嵌套函数中才能创建闭包

D.闭包无法访问外部函数的局部变量【答案】：A

解析：本题考察JavaScript闭包的核心概念。正确答案为A，闭包的定义即为一个函数能够访问另一个函数作用域内的变量。B选项错误，闭包本身不会直接导致全局变量污染，滥用未正确释放的闭包才可能导致内存泄漏；C选项错误，闭包的创建不局限于嵌套函数，例如返回一个内部函数的非嵌套函数也可能形成闭包；D选项错误，闭包的核心作用正是能够访问外部函数的局部变量。42.在前端实现图片懒加载时，以下哪种方法是最推荐的现代实现方式？

A.使用原生HTML的loading="lazy"属性

B.监听window的scroll事件计算滚动位置加载图片

C.使用IntersectionObserverAPI监听元素可见性

D.将图片src设为占位符，滚动时赋值data-src给src【答案】：C

解析：本题考察前端图片懒加载实现，正确答案为C。<br>解析：IntersectionObserverAPI是现代高效的可见性监听方式，无需频繁监听滚动事件，性能优异。<br>错误选项分析：A虽简单但仅适用于简单场景，兼容性不如API方式；B和D需手动处理滚动事件，性能较差且易出错。43.在CSS中，当设置box-sizing:border-box时，元素的width属性实际包含以下哪些部分？

A.content+padding+border

B.content+padding

C.content+border

D.content+padding+border+margin【答案】：A

解析：本题考察CSS盒模型知识点。标准盒模型（content-box）width仅包含content区域，而border-box会让width包含content、padding和border，margin始终不包含在width内。选项A正确描述了border-box的盒模型组成；选项B、C遗漏了border，选项D错误包含了margin（margin不影响width计算）。44.在Webpack中，loader和plugin的主要区别是？

A.loader用于转换模块的源代码，plugin用于扩展Webpack的功能

B.loader用于扩展Webpack的功能，plugin用于转换模块的源代码

C.loader仅在开发环境使用，plugin仅在生产环境使用

D.loader是同步执行的，plugin是异步执行的【答案】：A

解析：本题考察Webpack核心概念loader和plugin的功能差异。正确答案为A：loader的作用是将非JavaScript模块（如CSS、图片、ES6代码）转换为Webpack可处理的模块源代码（如css-loader处理CSS，babel-loader转译ES6）；plugin通过钩子机制扩展Webpack的功能（如HtmlWebpackPlugin生成HTML、CleanWebpackPlugin清理输出目录）。错误选项分析：B颠倒了loader和plugin的功能；C错误，loader和plugin均可在开发/生产环境中使用；D错误，loader和plugin的执行方式与同步/异步无关，取决于具体实现。45.以下代码执行后，控制台输出的顺序是？

asyncfunctiontest(){

console.log('A');

awaitnewPromise(resolve=>setTimeout(()=>resolve('B'),0));

console.log('C');

}

test();

console.log('D');

A.A->D->B->C

B.A->B->D->C

C.D->A->B->C

D.D->B->A->C【答案】：A

解析：本题考察JavaScript异步编程。async函数执行时，先执行同步代码console.log('A')，遇到await后暂停，将Promise加入微任务队列，继续执行后续同步代码console.log('D')。微任务执行时，Promise完成，输出B，再执行async函数内的console.log('C')。因此顺序为A->D->B->C。46.在JavaScript中，执行`typeofnull`的结果是以下哪一项？

A.'object'

B.'null'

C.'undefined'

D.'number'【答案】：A

解析：本题考察JavaScript基本数据类型的判断。在JavaScript中，`typeofnull`的结果是'object'，这是语言设计的历史遗留问题（最初的错误实现导致）。选项B错误，`typeof`不会返回'null'；选项C错误，`typeofundefined`才返回'undefined'；选项D错误，null不属于number类型。47.HTML语义化标签的主要作用是？

A.使页面布局更美观

B.提升页面加载速度

C.便于SEO和无障碍访问

D.兼容旧版浏览器【答案】：C

解析：本题考察HTML语义化的核心价值。选项A错误：语义化标签本身不直接影响布局美观，需配合CSS实现；选项B错误：语义化标签与页面加载速度无关，性能优化需关注图片懒加载、代码压缩等；选项C正确：语义化标签（如header/nav/main）让搜索引擎更易解析内容结构，同时支持屏幕阅读器等无障碍设备；选项D错误：语义化标签与旧浏览器兼容性无关，现代浏览器均支持标准语义化标签。48.以下代码的执行结果是？

asyncfunctionasyncFn(){

return'success';

}

asyncFn().then(res=>console.log(res));

console.log('start');

A.successstart

B.startsuccess

C.success然后报错

D.start然后报错【答案】：B

解析：本题考察JavaScript异步编程。async函数返回Promise对象，then()是微任务，而console.log('start')是同步代码。同步代码优先执行，因此先打印'start'；微任务then()在同步代码执行完毕后触发，打印'success'。不存在报错情况，因代码逻辑合法。49.关于JavaScript事件委托（事件代理），以下说法错误的是？

A.事件委托利用事件冒泡机制实现

B.事件委托可减少事件监听器数量，提升性能

C.事件委托适用于动态添加的元素

D.事件委托仅能用于点击事件（click）【答案】：D

解析：本题考察事件委托的核心原理。事件委托基于事件冒泡，将事件监听器绑定在父元素上，通过事件冒泡触发，因此可减少重复绑定（B正确），适用于动态元素（C正确），且支持所有事件类型（如`click`、`mouseover`等）。选项D错误，事件委托可用于任何事件类型，并非仅点击事件。选项A正确，事件委托依赖冒泡机制。50.以下代码执行后，控制台输出的顺序是？

```javascript

asyncfunctiontestAsync(){

console.log('A');

constresult=awaitPromise.resolve('B');

console.log(result);

return'C';

}

testAsync().then(res=>console.log(res));

console.log('D');

```

A.A,D,B,C

B.A,B,D,C

C.D,A,B,C

D.A,B,C,D【答案】：A

解析：本题考察JavaScript异步编程执行顺序。`async`函数中，`await`前的代码同步执行，因此先输出'A'；`await`暂停函数执行并等待Promise完成，此时`.then`微任务被加入队列；继续执行同步代码`console.log('D')`，输出'D'；最后执行微任务队列中的`.then`，依次输出'B'（`result`的值）和'C'（`return`的结果）。因此输出顺序为A→D→B→C。51.在事件处理中，使用事件委托（事件代理）的主要优势是？

A.简化事件绑定代码，无需循环遍历子元素

B.避免事件冒泡的默认行为

C.减少事件监听器数量，提升性能

D.自动兼容所有旧版浏览器【答案】：C

解析：本题考察事件委托的原理。事件委托利用事件冒泡机制，将事件监听器绑定到父元素而非每个子元素，核心优势是减少事件监听器数量（尤其在列表、表格等大量子元素场景），降低内存占用并提升性能。选项A是委托的便捷性，但非核心优势；选项B错误，事件冒泡行为与委托无关；选项D错误，事件委托与浏览器兼容性无关。52.以下关于JavaScript中类型判断的说法，正确的是？

A.typeofnull的结果是'null'

B.使用instanceof可以判断基本数据类型（如number）的具体类型

C.Ototype.toString.call(123)的结果是'[objectNumber]'

D.数组可以通过typeof直接判断为数组【答案】：C

解析：本题考察JavaScript类型判断的知识点。选项A错误：typeofnull的结果是'object'（历史遗留问题）；选项B错误：instanceof用于判断引用类型（如对象、数组），基本数据类型（如number）需用typeof判断；选项C正确：Ototype.toString.call(123)会返回'[objectNumber]'，这是最准确的类型判断方式；选项D错误：typeof数组返回'object'，判断数组应使用Array.isArray()。53.以下代码执行后，输出的结果顺序是？（假设代码中所有异步操作均已正确定义）asyncfunctionasyncTask(){console.log('Task1');awaitPromise.resolve();console.log('Task2');return'Task3';}(async()=>{console.log('Start');console.log(awaitasyncTask());console.log('End');})();

A.Start,Task1,Task2,Task3,End

B.Start,Task1,Task3,Task2,End

C.Start,Task3,Task1,Task2,End

D.Start,Task1,Task3,End,Task2【答案】：A

解析：本题考察async/await执行顺序。async函数调用后会立即执行同步代码（打印'Start'），遇到await暂停，先执行await后的Promise.resolve()（同步），此时继续执行asyncTask内的同步代码（打印'Task1'），等待Promise完成后，执行await后的代码（打印'Task2'），返回'Task3'。外层async函数中awaitasyncTask()会等待其完成，最终打印'Task3'，最后执行'End'。因此顺序为Start→Task1→Task2→Task3→End，对应A选项。54.React中关于虚拟DOM的描述，错误的是？

A.虚拟DOM是内存中的JavaScript对象

B.虚拟DOM用于减少DOM操作

C.每次状态更新都会重新渲染整个虚拟DOM树

D.虚拟DOM的diff算法可提高更新效率【答案】：C

解析：本题考察React虚拟DOM的核心原理知识点。正确答案为C：React的虚拟DOMdiff算法仅对变化的部分进行DOM更新，而非重新渲染整个虚拟DOM树。

-选项A正确：虚拟DOM本质是用JavaScript对象描述DOM结构（如{type:'div',props:{...}}）；

-选项B正确：通过虚拟DOM对比真实DOM的差异，仅更新变化节点，减少频繁DOM操作导致的重排重绘；

-选项D正确：React的diff算法通过同层比较、key优化等策略，降低了DOM更新的时间复杂度。55.在JavaScript中，关于let和var声明变量的描述，下列哪项是正确的？

A.let和var声明的变量都具有函数作用域

B.let声明的变量在声明前不可访问（暂时性死区）

C.var声明的变量不会提升

D.使用let声明变量时不需要初始化【答案】：B

解析：本题考察JavaScript变量声明的作用域与提升机制。选项A错误：let声明的变量具有块级作用域，而var具有函数作用域；选项B正确：let声明的变量存在暂时性死区，在声明前访问会报错；选项C错误：var声明的变量会进行变量提升（初始化为undefined）；选项D错误：let和var声明变量时均可不初始化（初始值为undefined），此描述不构成let的特性。56.在前端性能优化中，为了显著减小图片资源体积以加快页面加载速度，以下哪种做法最有效？

A.使用图片懒加载（LazyLoading）

B.将图片格式转换为WebP

C.设置图片最大宽度为页面可视宽度

D.使用CSS背景图替代img标签【答案】：B

解析：本题考察前端图片优化的核心手段。选项A（懒加载）仅延迟加载非首屏图片，未减小体积；选项B（WebP格式）通过更高效的压缩算法，在相同画质下体积比JPEG/PNG小约25-35%，能直接减小资源体积；选项C（限制最大宽度）仅控制显示尺寸，不影响原始图片体积；选项D（背景图替代img）无体积优势，且不利于SEO和图片复用。正确答案为B。57.关于虚拟DOM的说法，错误的是？

A.虚拟DOM是内存中的JavaScript对象，描述真实DOM结构

B.虚拟DOM可以减少DOM操作，提高性能

C.React和Vue都使用虚拟DOM来优化渲染

D.虚拟DOM的更新一定会比直接操作真实DOM更快【答案】：D

解析：本题考察虚拟DOM原理。虚拟DOM是内存中的JS对象，通过描述真实DOM结构实现Diff算法优化渲染（A、B、C均正确）。但“一定会更快”表述错误：若真实DOM结构简单或更新频繁，虚拟DOM的Diff过程可能增加额外开销，反而慢于直接操作。58.React中虚拟DOM（VirtualDOM）的主要作用是？

A.通过diff算法比较，减少不必要的DOM操作，提升性能

B.直接操作真实DOM，提高渲染速度

C.将HTML代码转换为JavaScript对象

D.实现跨平台渲染，如移动端和Web端【答案】：A

解析：本题考察React虚拟DOM的核心作用。正确答案为A，虚拟DOM通过JavaScript对象模拟真实DOM结构，利用diff算法比较新旧虚拟DOM的差异，只更新必要的真实DOM节点，从而减少DOM操作次数，提升性能。B选项错误，虚拟DOM不直接操作真实DOM，而是计算差异后批量更新；C选项错误，虚拟DOM是模拟DOM的结构和属性，并非将HTML转换为JS对象（JSX语法才是HTML到JS的转换）；D选项错误，跨平台渲染是ReactNative等框架的特性，虚拟DOM是React的通用渲染机制。59.执行以下JavaScript代码后，控制台输出的顺序是？

asyncfunctionasyncTask(){

console.log('start');

constresult=awaitPromise.resolve('success');

console.log(result);

return'done';

}

asyncTask();

console.log('end');

A.start,end,success,done

B.start,success,end,done

C.start,end,done,success

D.start,success,done,end【答案】：A

解析：本题考察JavaScriptasync/await的执行机制。正确答案为A：async函数内的同步代码（console.log('start')）优先执行，遇到await时暂停函数执行，先执行后续的同步代码console.log('end')；等待Promise完成后，再执行await后的同步代码console.log(result)，最后async函数返回Promise（不影响同步代码执行顺序）。因此输出顺序为start→end→success→done。60.以下哪项不是前端首屏加载优化的常用手段？

A.图片懒加载

B.代码分割

C.使用CDN加速

D.直接引入所有第三方库【答案】：D

解析：本题考察前端性能优化中首屏加载的核心知识点。正确答案为D：直接引入所有第三方库会增加首屏资源体积，延长加载时间，应通过按需加载、动态导入或CDN拆分等方式优化。

-选项A正确：图片懒加载可延迟非首屏图片加载，减少初始资源体积；

-选项B正确：代码分割（如Webpack的code-splitting）可拆分首屏核心代码与非核心代码，减小初始JS体积；

-选项C正确：CDN通过就近分发资源，降低网络延迟，提升加载速度。61.JavaScript中Promise对象的状态有几种？

A.1种

B.2种

C.3种

D.4种【答案】：C

解析：本题考察Promise异步编程知识点。正确答案为C，Promise有3种状态：pending（进行中，初始状态）、fulfilled（已成功，通过then/catch处理）、rejected（已失败）；A错误（仅1种），B错误（仅成功/失败两种状态描述不准确），D错误（无4种状态）。62.以下代码执行后，控制台输出的结果是？

leta=1;

letb='2';

console.log(a+b);

A.3

B.'12'

C.NaN

D.'1+2'【答案】：B

解析：本题考察JavaScript的类型转换与字符串拼接规则。当使用+运算符时，如果其中一个操作数是字符串，会将另一个操作数转换为字符串后进行拼接。这里变量a是数值类型1，变量b是字符串类型'2'，因此会执行字符串拼接，结果为'12'。选项A错误，因为数值相加只有当两个操作数都是数值时才会执行；选项C错误，NaN通常由非数值与数值运算（如Number('abc')+1）产生；选项D错误，+运算符会执行运算而非保留字符串形式。63.以下哪个标签不属于HTML5语义化标签？

A.<header>

B.<nav>

C.<section>

D.<div>【答案】：D

解析：本题考察HTML5语义化标签的识别。正确答案为D。解析：<header>、<nav>、<section>均为HTML5语义化标签，用于明确内容结构（如导航、章节）；<div>是通用容器标签，无语义含义，仅用于布局。64.以下代码中，typeofnull的结果是？

A."object"

B."null"

C."undefined"

D."number"【答案】：A

解析：本题考察JavaScript的类型转换知识点。在JavaScript设计初期的历史遗留问题中，typeofnull被错误返回为"object"，这是语言特性的特殊情况。正确答案为A。B选项错误，null本身类型为null，但typeof不会返回"null"；C选项错误，typeofundefined返回"undefined"；D选项错误，typeof基本类型number返回"number"。65.执行以下代码后，输出顺序正确的是？

asyncfunctionfn(){

console.log(1);

awaitsetTimeout(()=>console.log(2),0);

console.log(3);

}

fn();

console.log(4);

A.1,4,2,3

B.1,2,3,4

C.1,4,3,2

D.4,1,2,3【答案】：A

解析：本题考察JavaScript异步编程与事件循环机制。正确答案为A。执行顺序为：1.同步执行console.log(1)；2.await暂停async函数，将setTimeout回调（宏任务）加入队列；3.继续执行同步代码console.log(4)；4.同步代码执行完毕后，执行宏任务队列中的setTimeout回调，输出2；5.恢复async函数，执行后续同步代码console.log(3)。错误选项B混淆了宏任务与同步代码顺序；C错误认为3在2之前；D错误认为4在1之前。66.在JavaScript中，使用typeof操作符判断null的结果是？

A.undefined

B.object

C.null

D.number【答案】：B

解析：本题考察JavaScript数据类型判断的知识点。typeof操作符对null的返回结果是'object'，这是JavaScript历史遗留的设计缺陷（ECMAScript规范中，null被错误地归类为object类型）。而正确判断null的方式是使用`value==null`（会同时匹配null和undefined）。选项A（undefined）是typeofundefined的结果；选项C（null）和D（number）不符合typeof操作符对null的返回规则。因此正确答案为B。67.关于事件委托（事件代理）的描述，以下说法正确的是？

A.事件委托利用了事件冒泡机制

B.事件委托只能用于click事件

C.使用事件委托会增加事件处理的性能开销

D.事件委托无法阻止事件冒泡【答案】：A

解析：本题考察事件委托的核心原理。选项A正确：事件委托通过将事件监听器绑定到父元素，利用事件冒泡向上传播的特性实现；选项B错误：事件委托可用于所有DOM事件（如mouseover、keydown等）；选项C错误：事件委托通过减少事件监听器数量提升性能，而非增加；选项D错误：事件委托中可通过event.stopPropagation()阻止事件冒泡。68.以下代码执行后，控制台输出的结果是？

```javascript

constpromise=newPromise((resolve)=>{

setTimeout(()=>resolve(1),1000);

});

promise.then((res)=>res*2).then((res)=>console.log(res));

```

A.1

B.2

C.undefined

D.报错【答案】：B

解析：本题考察Promise链式调用的返回值传递。正确答案为B，Promise的`then`方法会返回一个**新Promise**，其结果由上一个`then`的返回值决定。第一个`then`返回`res*2=2`，第二个`then`的`res`接收该值并打印，因此输出2。A错误：直接打印`res`（第一个then的参数）会输出1，但题目中第二个then处理的是第一个then的返回值；C错误：`then`返回值为数值时，后续`then`可正常接收；D错误：代码语法无错误，Promise状态和链式调用逻辑正确。69.以下关于JavaScript中`async/await`的描述，正确的是？

A.`async`函数返回的是一个普通值，而非Promise对象

B.`await`只能在`async`函数内部使用，会暂停函数执行直到Promise状态改变

C.`await`会阻塞JavaScript主线程，导致页面卡顿

D.`async`函数中不能使用`try/catch`捕获错误【答案】：B

解析：本题考察`async/await`的核心特性。正确答案为B。

-B选项正确：`await`必须在`async`函数中使用，会暂停当前函数执行，等待右侧Promise状态变为resolved/rejected后继续执行。

-A选项错误：`async`函数始终返回Promise对象（即使返回普通值，也会被自动包装为`Promise.resolve(值)`）。

-C选项错误：`await`仅暂停当前`async`函数的执行，不会阻塞整个JavaScript主线程（浏览器中是异步事件驱动模型，`await`期间可处理其他事件）。

-D选项错误：`async`函数中可通过`try/catch`捕获`await`Promise的错误（需将`try/catch`包裹在`async`函数内部）。70.以下哪个HTML标签用于定义独立的内容区块，且具有语义化含义？

A.<div>

B.<section>

C.<header>

D.<meta>【答案】：B

解析：本题考察HTML语义化标签。<section>标签用于定义文档中的独立内容区块，具有明确语义；<