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

2025四川九强通信科技有限公司招聘前端开发工程师岗位拟录用人员笔试历年常考点试题专练附带答案详解（第1套）一、单项选择题下列各题只有一个正确答案，请选出最恰当的选项（共30题）1、在CSS中，当一个元素的box-sizing属性设置为border-box时，该元素的width属性值包含以下哪些部分？A.仅content宽度B.content宽度+padding宽度C.content宽度+padding宽度+border宽度D.content宽度+padding宽度+border宽度+margin宽度2、在JavaScript中，以下哪个选项最能准确描述闭包（Closure）的概念？A.一个函数可以访问并操作其外部作用域中变量的能力B.函数内部定义的另一个函数C.一个函数返回另一个函数D.函数内部声明的局部变量3、在Flex布局中，要使一个容器内的子元素在主轴（mainaxis）上均匀分布，且两端留有相等的间距，应使用哪个属性值？A.justify-content:center;B.justify-content:space-between;C.justify-content:space-around;D.justify-content:space-evenly;4、在JavaScript中，关于原型链（PrototypeChain）的描述，以下哪一项是正确的？A.每个对象都有一个名为prototype的属性指向其原型B.构造函数的prototype属性指向实例对象C.对象通过__proto__属性链接到其构造函数的原型对象D.原型链的终点是Ototype的__proto__为null5、当一个按钮元素被点击时，事件的传播顺序遵循哪种模型？A.冒泡阶段->捕获阶段->目标阶段B.捕获阶段->目标阶段->冒泡阶段C.目标阶段->捕获阶段->冒泡阶段D.目标阶段->冒泡阶段->捕获阶段6、在JavaScript中，关于闭包的描述，以下哪一项是正确的？A.闭包只能在函数内部访问外部函数的变量，但外部无法访问内部变量。B.闭包是指函数能够访问并记住其词法作用域，即使该函数在其词法作用域之外执行。C.闭包会立即释放其引用的外部变量内存，以节省空间。D.闭包的主要用途是实现JavaScript中的继承机制。7、在CSS中，关于BFC（块级格式化上下文）的描述，以下哪一项是正确的？A.BFC可以包含浮动元素，且其内部的浮动元素会影响外部元素的布局。B.创建BFC的元素会将其内部的元素与外部元素的布局隔离开，防止外边距折叠。C.BFC仅由具有`float:left`或`right`属性的元素创建。D.BFC的主要作用是实现元素的水平垂直居中。8、HTTP协议中，状态码404表示什么含义？A.请求的资源已被永久移除，且没有新的地址。B.服务器拒绝了请求，因为客户端没有提供有效的身份凭证。C.服务器无法找到请求的资源。D.请求的方法对指定资源不被允许。9、在Vue.js中，关于组件通信，以下哪种方式最适合父组件向子组件传递数据？A.使用`$emit`触发自定义事件。B.使用Vuex全局状态管理。C.使用`props`属性。D.使用`$parent`直接访问父组件实例。10、在JavaScript中，为了防止高频事件（如窗口resize）触发过多的函数执行，应使用以下哪种技术？A.函数柯里化（Currying）。B.防抖（Debounce）。C.节流（Throttle）。D.Promise链式调用。11、在HTML5中，以下哪个元素是语义化标签，用于定义文档或节的独立内容，如论坛帖子、博客文章或新闻故事？A.`<div>`B.`<section>`C.`<article>`D.`<aside>`12、在CSSFlexbox布局中，以下哪个属性用于设置容器内所有项目在交叉轴上的默认对齐方式？A.`justify-content`B.`align-items`C.`align-self`D.`flex-direction`13、关于JavaScript中的`let`、`const`和`var`声明，以下说法正确的是？A.`var`声明的变量不存在变量提升B.`let`和`const`声明的变量具有块级作用域C.`const`声明的变量可以不初始化D.`let`声明的变量可以重复声明14、在JavaScript中，以下哪种方法可以准确判断一个变量是否为数组？A.`typeofarr==='array'`B.`arrinstanceofArray`C.`arr.constructor===Array`D.`Array.isArray(arr)`15、在浏览器中，以下关于事件冒泡的说法正确的是？A.事件冒泡是从最具体的元素（文档中嵌套最深的节点）开始，逐级向上传播到最不具体的节点（document）B.事件捕获是从最不具体的节点开始，逐级向下传播到最具体的元素C.`event.stopPropagation()`可以阻止事件冒泡，但不能阻止事件捕获D.以上说法都正确16、在JavaScript中，当访问一个对象的属性时，如果该对象自身没有这个属性，JavaScript引擎会沿着什么结构向上查找？A.作用域链B.调用栈C.原型链D.事件循环队列17、在CSS中，下列哪种方式可以创建一个块级格式化上下文（BFC），从而解决浮动元素导致的父元素高度塌陷问题？A.设置`display:inline-block;`B.设置`float:left;`C.设置`overflow:hidden;`D.设置`position:relative;`18、关于CSS选择器的优先级，以下哪种顺序是正确的（从高到低）？A.!important>行内样式>ID选择器>类选择器B.行内样式>!important>ID选择器>类选择器C.!important>ID选择器>行内样式>类选择器D.ID选择器>!important>行内样式>类选择器19、在JavaScript中，以下哪项最能描述闭包（Closure）的概念？A.一个函数可以被多次调用B.一个函数可以访问其词法作用域外的变量C.一个对象可以拥有多个属性D.一个变量可以在函数内部被重新赋值20、在HTML5中，下列哪个标签是用于定义页面导航链接的语义化标签？A.`<div>`B.`<nav>`C.`<header>`D.`<section>`21、在JavaScript中，关于`let`、`const`和`var`的变量提升（Hoisting）特性，以下说法正确的是？A.`let`和`const`存在变量提升，但在声明前访问会抛出引用错误（处于暂时性死区）B.`var`不存在变量提升，变量必须在声明后才能访问C.`let`、`const`和`var`均不存在变量提升D.`const`不存在变量提升，而`let`和`var`存在变量提升22、在CSS中，当一个元素的`box-sizing`属性设置为`border-box`时，其计算总宽度的公式是？A.`总宽度=width+padding+border+margin`B.`总宽度=width+margin`C.`总宽度=width`（其中`width`已包含`padding`和`border`）D.`总宽度=padding+border+margin`23、HTTP状态码304（NotModified）的主要作用是？A.表示服务器发生内部错误，无法完成请求B.表示请求的资源已被永久移动到新URLC.告知客户端可以使用本地缓存的副本，无需重新下载资源D.表示服务器要求客户端进行身份认证24、使用HTML语义化标签（如`<header>`、`<article>`、`<nav>`）的主要优势不包括以下哪一项？A.提升代码可读性与可维护性B.有助于搜索引擎优化（SEO）C.改善网页在无CSS情况下的结构可读性D.显著提升JavaScript脚本的执行速度25、在JavaScript的事件循环（EventLoop）机制中，以下关于宏任务（Macro-task）和微任务（Micro-task）执行顺序的描述，正确的是？A.每执行完一个宏任务后，会立即执行完所有已排队的微任务，再执行下一个宏任务B.宏任务和微任务按入队顺序统一执行，遵循先进先出（FIFO）原则C.微任务只有在所有宏任务执行完毕后才会开始执行D.同步代码执行完毕后，优先执行宏任务，再执行微任务26、在JavaScript中，以下哪个选项最能准确描述闭包的概念？A.闭包是指一个函数能够访问并操作其外部作用域中变量的能力，即使该外部函数已经执行完毕。B.闭包是JavaScript中用于定义全局变量的一种语法结构。C.闭包是函数内部定义的另一个函数，该内部函数只能在外部函数内部被调用。D.闭包是一种特殊的循环结构，用于处理异步操作。27、在CSS中，当多个选择器应用于同一个元素且发生样式冲突时，下列关于CSS选择器优先级的描述，哪一项是正确的？A.ID选择器的优先级低于类选择器。B.元素选择器的优先级高于类选择器。C.内联样式（style属性）的优先级最高。D.通配符选择器（*）的优先级高于元素选择器。28、以下哪个HTML5标签属于语义化标签，用于定义文档或文章的一个独立、自包含的内容块？A.<div>B.<span>C.<section>D.<b>29、关于JavaScript中的原型链，下列说法正确的是？A.每个对象都拥有一个名为`prototype`的属性，该属性指向其构造函数。B.原型链的终点是`Ototype`，其`__proto__`属性为`null`。C.使用`new`关键字创建的对象，其`__proto__`指向的是构造函数本身。D.原型链主要用于实现JavaScript中的模块化。30、在CSSFlex布局中，要使一个弹性项目（flexitem）在其父容器的交叉轴（crossaxis）上居中对齐，应使用哪个属性？A.`justify-content:center;`B.`align-items:center;`C.`flex-direction:column;`D.`align-content:center;`二、多项选择题下列各题有多个正确答案，请选出所有正确选项（共15题）31、以下哪些方式可以触发CSS中的BFC（块级格式化上下文）？A.设置元素的`float`属性为`left`或`right`B.设置元素的`position`属性为`absolute`或`fixed`C.设置元素的`display`属性为`inline`D.设置元素的`overflow`属性为`hidden`32、关于JavaScript的事件循环（EventLoop）机制，以下说法正确的是？A.在执行完一个宏任务后，会立即执行当前宏任务队列中的下一个宏任务B.`Promise.then()`的回调属于微任务C.`setTimeout`的回调属于宏任务D.所有微任务执行完毕后，才会进行下一轮宏任务的选取33、以下HTTP状态码与其含义匹配正确的是？A.`304NotModified`：表示请求的资源未被修改，可以使用缓存B.`401Unauthorized`：表示请求要求用户的身份认证C.`403Forbidden`：表示服务器理解请求，但拒绝执行，通常与权限不足有关D.`500InternalServerError`：表示请求的资源在服务器上未被找到34、关于JavaScript的原型链继承，以下哪些是常见的、有效的继承方式？A.原型链继承：`Ctotype=newParent()`B.构造函数继承：在子类构造函数中使用`Parent.call(this)`C.组合继承：结合原型链继承和构造函数继承D.直接将父类的实例赋值给子类的构造函数：`Child=newParent()`35、关于CSS的盒模型，`box-sizing:content-box`和`box-sizing:border-box`的区别是？A.`content-box`是默认值，元素的`width`和`height`只包含内容区域的尺寸B.`border-box`下，元素的`width`和`height`包含了`padding`和`border`的尺寸C.当设置`width:100px;padding:10px;border:5pxsolid;`时，`content-box`的总宽度为130pxD.当设置`width:100px;padding:10px;border:5pxsolid;`时，`border-box`的总宽度为100px36、闭包（Closure）在JavaScript编程中有哪些常见的应用场景？A.创建私有变量，实现数据封装B.为`setTimeout`等异步操作创建独立的作用域，避免循环中的变量捕获问题C.实现函数柯里化（Currying）D.模块化开发，封装功能37、在React中使用`useEffect`Hook，关于其依赖数组（deps）的说法，以下正确的是？A.依赖数组为空`[]`时，副作用函数只在组件挂载时执行一次B.如果副作用函数中使用了某个state或props，但没有将其加入依赖数组，可能会导致闭包陷阱，读取到过期的值C.依赖数组中包含一个对象字面量`{}`时，由于每次渲染都会创建新对象，会导致副作用函数无限循环执行D.可以将函数作为依赖项传入，但必须确保该函数是通过`useCallback`包装的，以保持引用稳定38、以下哪些方法可以用来阻止事件的默认行为和/或冒泡？A.`event.preventDefault()`B.`event.stopPropagation()`C.`returnfalse`（在DOM0级事件处理函数中）D.`event.stopImmediatePropagation()`39、关于`let`、`const`和`var`的区别，以下说法正确的是？A.`var`声明的变量存在变量提升，且没有块级作用域B.`let`和`const`声明的变量不存在变量提升，存在“暂时性死区”（TDZ）C.`const`声明的变量必须在声明时初始化，且其值不可更改D.`const`声明一个对象时，对象的属性是不可以被修改的40、以下哪些操作会触发浏览器的重排（Reflow）？A.改变元素的几何属性，如`width`、`height`、`padding`B.改变元素的非几何CSS属性，如`background-color`、`color`C.读取元素的`offsetWidth`、`clientHeight`等布局信息D.向DOM树中添加或删除可见的元素41、关于JavaScript的事件循环（EventLoop）机制，下列说法中正确的是？A.宏任务（Macrotask）包括`setTimeout`、`setInterval`、`requestAnimationFrame`等，而微任务（Microtask）包括`Promise.then`、`MutationObserver`等。B.浏览器在执行完一个宏任务后，会立即执行UI渲染，然后再处理微任务队列。C.`async/await`语法糖的底层实现基于Promise，因此`await`后面的代码会被放入微任务队列。D.事件循环机制的存在是为了让JavaScript这种单线程语言能够高效地处理异步操作。42、在CSS中，关于`box-sizing`属性，以下描述正确的是？A.`box-sizing:content-box`是默认值，元素的`width`和`height`仅包含`content`区域的尺寸。B.`box-sizing:border-box`下，元素的`width`会包含`content`、`padding`和`border`的总和。C.为元素设置`box-sizing:border-box`后，再设置`width:100px;padding:10px;border:5pxsolid`，其在页面上占据的总宽度为130px。D.使用`*{box-sizing:border-box;}`作为CSS重置的一部分，可以简化布局计算。43、以下HTTP状态码与其标准含义的匹配，正确的是？A.`200OK`：请求已成功，响应体中通常包含所请求的资源。B.`301MovedPermanently`：请求的资源已被永久移动到新的URL，客户端应使用新的URL进行后续请求。C.`304NotModified`：服务器告诉客户端，资源自上次请求后未被修改，客户端可以使用其本地缓存的副本。D.`500InternalServerError`：服务器在处理请求的过程中发生了未知的内部错误。44、关于ES6中`var`、`let`和`const`的声明方式，以下说法正确的是？A.`var`声明的变量存在变量提升（Hoisting），可以在声明前访问（值为`undefined`），而`let`和`const`存在暂时性死区（TDZ），在声明前访问会报错。B.`let`和`const`声明的变量具有块级作用域（BlockScope），而`var`只有函数作用域和全局作用域。C.`const`声明的变量必须在声明时初始化，且其值（或引用）在后续代码中不可被重新赋值。D.在同一个作用域内，可以多次使用`var`声明同名变量，但`let`和`const`则会抛出语法错误。45、在CSS的Flexbox布局中，以下关于主轴（mainaxis）和交叉轴（crossaxis）的描述，正确的是？A.容器的`flex-direction`属性决定了主轴的方向，例如`row`表示主轴为水平方向（从左到右）。B.`justify-content`属性用于定义项目在主轴上的对齐方式。C.`align-items`属性用于定义项目在交叉轴上的对齐方式。D.当`flex-direction`的值为`column`时，主轴变为垂直方向，此时`align-items`控制的是水平方向的对齐。三、判断题判断下列说法是否正确（共10题）46、在标准CSS盒模型中，元素的总宽度等于width属性值加上padding、border和margin的宽度。A.正确B.错误47、在CSS中，使用`display:flex;`的容器默认情况下，其子元素会沿主轴（mainaxis）从左到右排列。A.正确B.错误48、JavaScript中的`let`和`const`声明的变量，在全局作用域下也会被添加到`window`对象上。A.正确B.错误49、CSS的`box-sizing:border-box;`属性会使元素的宽度和高度包含内边距（padding）和边框（border）。A.正确B.错误50、闭包是指一个函数能够访问并记住其词法作用域，即使该函数在其词法作用域之外执行。A.正确B.错误51、在JavaScript中，`async`函数总是返回一个Promise对象。A.正确B.错误52、媒体查询（MediaQuery）只能根据屏幕宽度来应用不同的CSS样式。A.正确B.错误53、虚拟DOM（VirtualDOM）是一个存在于JavaScript内存中的、真实DOM的轻量级副本。A.正确B.错误54、在CSSGrid布局中，一个容器可以同时定义行和列的轨道，实现二维布局。A.正确B.错误55、`setTimeout`和`setInterval`是JavaScript中用于处理异步任务的API，它们会将回调函数放入宏任务队列。A.正确B.错误

参考答案及解析1.【参考答案】C【解析】当box-sizing设置为border-box时，元素的width和height属性定义的是内容区、内边距（padding）和边框（border）的总宽度和高度[[15]]。这意味着设置的宽度包含了内容、内边距和边框，而外边距（margin）不包含在内，它位于边框之外[[19]]。这种模型有助于更直观地控制元素的总尺寸。2.【参考答案】A【解析】闭包是指一个函数能够记住并访问其词法作用域，即使这个函数在其词法作用域之外执行[[26]]。核心在于函数可以访问其创建时所在作用域中的变量，而不仅仅是函数内部定义的嵌套函数或返回函数本身[[21]]。这种能力使得函数可以“捕获”并保持对外部变量的引用。3.【参考答案】D【解析】justify-content:space-evenly;会将所有子元素（包括容器两端）之间的间距设置为完全相等，实现均匀分布[[37]]。space-between会将第一个元素置于起点，最后一个置于终点，中间元素平均分布；space-around则让每个元素周围有相等的间距，但两端的间距是中间间距的一半；center则是居中对齐。4.【参考答案】C【解析】在JavaScript中，每个对象都有一个内部属性（通常通过__proto__访问）指向其构造函数的prototype对象，从而形成原型链[[22]]。构造函数的prototype属性指向其原型对象，而实例对象通过__proto__链接到该原型。原型链最终会指向Ototype，其__proto__为null，标志着链的终点[[25]]。5.【参考答案】B【解析】JavaScript事件传播遵循三阶段模型：首先是捕获阶段，事件从文档根节点向下传播到目标元素；然后是目标阶段，事件到达目标元素；最后是冒泡阶段，事件从目标元素向上传播回文档根节点[[46]]。默认情况下，事件监听器通常在冒泡阶段触发。6.【参考答案】B【解析】闭包的核心在于函数能够访问并记住其创建时的词法作用域，即使该函数在其他作用域中被调用。这意味着内部函数可以访问外部函数的变量和参数，这些变量不会被垃圾回收机制回收，直到内部函数不再被引用。这与选项A的片面性、C的内存释放错误以及D的继承目的不符[[14]]。7.【参考答案】B【解析】BFC是一个独立的渲染区域，其内部的块级元素布局不会影响外部元素，同时能有效防止外边距折叠（margincollapsing）[[23]]。创建BFC的方式包括设置`overflow`为`hidden`、`auto`或`scroll`，或使用`display:flow-root`等，而不仅限于浮动元素[[21]]。选项A错误，BFC会隔离内部浮动；C和D描述不准确。8.【参考答案】C【解析】HTTP状态码404（NotFound）明确表示服务器无法定位客户端请求的资源，通常是因为URL路径错误或资源已被删除且无重定向[[31]]。它与403（禁止访问）、401（未授权）和405（方法不允许）等状态码有本质区别[[33]]。9.【参考答案】C【解析】在Vue中，`props`是父组件向子组件传递数据的标准和推荐方式，它确保了数据流的单向性，便于理解和维护[[49]]。`$emit`用于子组件向父组件通信，Vuex适用于跨组件的复杂状态共享，而`$parent`破坏了组件的封装性，属于不推荐的非规范用法[[41]]。10.【参考答案】B【解析】防抖（Debounce）通过设置一个延迟执行时间，确保在事件停止触发后的指定时间内才执行一次函数，非常适合处理resize、scroll等高频事件，避免资源浪费[[50]]。节流（Throttle）是固定时间间隔执行一次，适用于需要控制执行频率的场景，但防抖在用户操作停止后才执行，更符合此类需求[[51]]。11.【参考答案】C【解析】`<article>`标签是HTML5引入的语义化元素，专门用于表示文档、页面或应用程序中独立的、可分发或可复用的内容块，如博客文章、新闻报道、论坛帖子等。`<section>`用于表示文档中的一个通用区段，`<aside>`用于定义与页面主要内容间接相关的内容（如侧边栏），而`<div>`是非语义化的通用容器[[1]]。12.【参考答案】B【解析】`align-items`属性定义了Flex容器中所有Flex项目在交叉轴（crossaxis）上的默认对齐方式，如`stretch`、`flex-start`、`center`等。`justify-content`控制主轴（mainaxis）上的对齐，`align-self`用于单个项目覆盖`align-items`的值，`flex-direction`则决定主轴的方向[[6]]。13.【参考答案】B【解析】`let`和`const`是ES6引入的声明方式，具有块级作用域，且存在暂时性死区；`var`具有函数作用域和变量提升特性。`const`声明时必须初始化，且不能重复声明；`let`也不能在同一作用域内重复声明。因此只有B选项正确[[9]]。14.【参考答案】D【解析】`typeof`操作符对数组返回`'object'`，无法准确判断。`instanceof`和`constructor`在跨iframe或不同全局环境时可能失效。`Array.isArray()`是ES5引入的标准方法，能准确、可靠地判断一个值是否为数组，不受执行环境影响[[9]]。15.【参考答案】D【解析】事件流包含三个阶段：捕获阶段（从`document`到目标元素）、目标阶段、冒泡阶段（从目标元素回到`document`）。事件冒泡确实是从内向外传播；事件捕获方向相反；`stopPropagation()`方法可以阻止事件继续在捕获或冒泡阶段传播，但无法区分阶段。因此A、B、C均正确，选D[[3]]。16.【参考答案】C【解析】JavaScript是基于原型的语言，每个对象都有一个内部属性[[Prototype]]（通常可通过__proto__访问），指向其构造函数的prototype对象。当访问对象属性时，若对象自身不存在，则引擎会沿着这个[[Prototype]]链接的链条向上查找，直到找到该属性或到达原型链顶端（null）为止[[41]]。这种机制实现了继承[[43]]。17.【参考答案】C【解析】BFC（BlockFormattingContext）是一个独立的渲染区域，可以包含浮动元素并阻止其影响外部元素。触发BFC的常见方式包括：设置`overflow`属性为`hidden`、`auto`或`scroll`[[32]]。其他选项如`inline-block`会创建IFC，`float`本身会脱离文档流但不会创建BFC，`relative`是定位方式，不会触发BFC[[36]]。18.【参考答案】A【解析】CSS选择器优先级遵循特定规则：`!important`声明具有最高优先级，可覆盖其他所有规则；其次是行内样式（style属性）；然后是ID选择器；类选择器、属性选择器和伪类的优先级相同，低于ID选择器，高于元素选择器[[31]]。因此，A选项的顺序是正确的[[32]]。19.【参考答案】B【解析】闭包是指一个函数能够记住并访问其词法作用域，即使这个函数在其词法作用域之外执行[[29]]。这通常发生在函数嵌套时，内部函数引用了外部函数的变量，即使外部函数已经执行完毕，这些变量也不会被回收，从而形成了闭包[[18]]。20.【参考答案】B【解析】HTML5引入了多个语义化标签以增强文档结构的可读性和对搜索引擎的友好性。`<nav>`标签专门用于定义页面的主要导航链接区域[[14]]。`<header>`用于页面或区块的头部，`<section>`用于划分内容区块，而`<div>`是无语义的通用容器[[13]]。21.【参考答案】A【解析】`var`声明的变量存在变量提升，其声明会被提升到作用域顶部，初始化为`undefined`；而`let`和`const`虽然也会被提升到块级作用域顶部，但在声明语句之前的区域属于“暂时性死区”（TDZ），在此区域内访问变量会抛出`ReferenceError`，这保证了变量必须“先声明后使用”的严谨性[[49]]。22.【参考答案】C【解析】`box-sizing:border-box`意为“边框盒模型”，此时元素设定的`width`和`height`包含了内容区（content）、内边距（padding）和边框（border）的总和，不包含外边距（margin）。这使得布局中的尺寸计算更直观、可控，避免因`padding`或`border`导致容器意外撑大[[21]]。23.【参考答案】C【解析】HTTP304状态码表示“未修改”，通常出现在客户端发起带条件请求（如携带`If-Modified-Since`或`If-None-Match`头）时。若服务器验证资源自上次请求后未被修改，则返回304，指示浏览器直接使用本地缓存，从而节省带宽、提升加载性能[[33]]。24.【参考答案】D【解析】语义化标签通过使用具有明确含义的标签描述内容结构，能增强代码可读性、便于团队协作、提升无障碍访问（如屏幕阅读器支持）及SEO效果[[40]]。但其本身是结构层（HTML）的优化，对JavaScript运行时的执行效率没有直接影响，性能提升需依赖其他优化手段。25.【参考答案】A【解析】事件循环的基本流程为：执行当前宏任务（如同步脚本）→执行该宏任务过程中产生的所有微任务（如`Promise.then`、`queueMicrotask`）→渲染更新（如有）→取出下一个宏任务（如`setTimeout`回调）执行，并重复上述过程。即“宏任务→清空微任务队列→下一个宏任务”[[13]]。26.【参考答案】A【解析】闭包的核心在于内部函数可以访问其外部函数作用域中的变量，并且即使外部函数执行完毕返回后，这些变量也不会被垃圾回收机制回收，因为内部函数仍保持着对它们的引用[[21]]。这使得闭包能够“记住”并访问其创建时的环境，是JavaScript中实现数据封装和私有变量的重要机制[[22]]。27.【参考答案】C【解析】CSS选择器的优先级按权重从高到低排序为：内联样式>ID选择器>类选择器/属性选择器/伪类选择器>元素选择器/伪元素选择器>通配符选择器[[35]]。内联样式直接写在元素的style属性中，其权重最高，会覆盖外部样式表中的任何规则，除非使用!important（但通常不推荐滥用）[[36]]。28.【参考答案】C【解析】语义化标签旨在清晰地表达内容的含义和结构，而非仅仅用于样式控制。`<section>`标签用于定义文档中一个独立的、有主题的区域，通常包含标题和相关内容[[42]]。而`<div>`和`<span>`是无语义的容器，`<b>`仅用于视觉加粗，不具备语义[[47]]。29.【参考答案】B【解析】在JavaScript中，每个对象都有一个内部属性`[[Prototype]]`（可通过`__proto__`访问），它指向其构造函数的`prototype`对象。当访问对象的属性时，如果对象自身没有该属性，则会沿着`__proto__`链向上查找，直到找到或到达`Ototype`。`Ototype`的`__proto__`被设置为`null`，这标志着原型链的终点[[24]]。30.【参考答案】B【解析】Flex布局有主轴（mainaxis）和交叉轴（crossaxis）之分。`justify-content`控制项目在主轴上的对齐方式，而`align-items`控制项目在交叉轴上的对齐方式[[37]]。因此，要使项目在交叉轴（通常是垂直方向，当主轴为水平时）上居中，应设置`align-items:center;`[[38]]。31.【参考答案】A,B,D【解析】BFC是一个独立的渲染区域，内部的布局不会影响到外部。常见的触发条件有：浮动（`float`不为`none`）、绝对定位/固定定位（`position`为`absolute`或`fixed`）、`overflow`的值不为`visible`（如`hidden`,`auto`,`scroll`），以及`display`为`inline-block`、`table-cell`、`flex`等。`display:inline`是行内元素，无法触发BFC[[11]]。32.【参考答案】B,C,D【解析】JavaScript的事件循环机制是：首先执行同步代码（可以看作一个宏任务），执行完毕后，会清空当前的微任务队列（如`Promise.then`、`MutationObserver`），然后再从宏任务队列（如`setTimeout`、`setInterval`、DOM事件）中取出一个任务执行。微任务的优先级高于宏任务[[21]]。33.【参考答案】A,B,C【解析】`304`是协商缓存命中的状态码；`401`是未授权，需要登录认证；`403`是禁止访问，即使认证了也没权限；`500`是服务器内部错误，而`404`才表示“未找到”[[31]]。34.【参考答案】A,B,C【解析】A是原型链继承，可以让子类实例继承父类原型上的方法；B是构造函数继承，可以继承父类的实例属性；C是组合继承，是前两者的结合，是ES5中最常用的继承模式。D是错误的，这会让`Child`变成一个实例对象，无法再作为构造函数使用[[41]]。35.【参考答案】A,B,C,D【解析】`content-box`遵循W3C标准盒模型，总宽度=`width`+`padding`+`border`。而`border-box`遵循IE盒模型，`width`和`height`的设定值就是元素最终的总尺寸，内容区域的宽度会相应减小[[51]]。36.【参考答案】A,B,C,D【解析】闭包的核心是函数能访问并记住其词法作用域。这使得它能用于保护内部变量（A），在`for`循环中为每个迭代创建独立的上下文（B），通过返回一个嵌套函数来实现柯里化（C），以及经典的模块模式（D），这些都是前端开发中的高频考点[[60]]。37.【参考答案】A,B,C,D【解析】依赖数组决定了`useEffect`的执行时机。空数组等效于`componentDidMount`（A）。遗漏依赖是常见Bug（B）。对象和数组是引用类型，浅比较不等同会导致重复执行（C）。函数也是引用类型，需用`useCallback`包裹以维持稳定性（D）[[69]]。38.【参考答案】A,B,C,D【解析】`preventDefault()`用于阻止浏览器的默认行为（如链接跳转）；`stopPropagation()`阻止事件在DOM树中继续冒泡；`returnfalse`在DOM0级事件（如`onclick="handler()"`）中等价于同时调用`preventDefault()`和`stopPropagation()`；`stopImmediatePropagation()`除了阻止冒泡，还会阻止同一事件的其他监听器被调用[[1]]。39.【参考答案】A,B,C【解析】`var`有提升且是函数作用域；`let`/`const`是块级作用域，存在TDZ（B）。`const`要求初始化，且“值”不可更改（C）。但对于引用类型（如对象、数组），`const`保证的是变量的引用地址不变，对象内部的属性依然可以被修改（D错误）。40.【参考答案】A,C,D【解析】重排是指浏览器重新计算元素的几何尺寸和位置。A和D会直接改变布局，必然触发。C是“强制同步布局”，如果在一次布局计算前读取布局信息，会强制浏览器提前进行一次重排。B只改变样式，通常只触发重绘（Repaint），而不触发重排[[4]]。41.【参考答案】ACD【解析】事件循环是JS处理异步的核心机制。每次循环中，JS引擎会先执行一个宏任务，然后清空当前的微任务队列，最后才进行UI渲染（B错误）[[11]]。`setTimeout`等是典型的宏任务，而`Promise.then`的回调是微任务（A正确）[[15]]。`await`表达式会让函数暂停执行，其后续代码作为`.then`的回调被加入微任务队列（C正确）。该机制解决了单线程模型下的并发问题（D正确）[[20]]。42.【参考答案】ABD【解析】`content-box`是W3C标准盒模型，`width`仅指内容区宽度（A正确）；`border-box`是IE怪异盒模型，`width`包含内容、内边距和边框（B正确）[[24]]。在`border-box`下，`width:100px`即总宽度为100px，因此C选项描述的130px是错误的，实际应为100px（C错误）。全局设置`border-box`是常见的实践，能让尺寸计算更直观（D正确）[[27]]。43.【参考答案】ABCD【解析】这些都是HTTP协议中最核心的状态码定义。`200`代表成功[[31]]；`301`是永久重定向[[37]]；`304`用于协商缓存，表示资源未变[[34]]；`500`是服务器端的通用错误码[[30]]。所有选项的描述均符合RFC规范。44.【参考答案】ABCD【解析】这四点概括了三者的核心区别。变量提升和TDZ是作用域机制的关键差异（A正确）[[41]]；块级作用域是`let`/`const`的重要特性（B正确）[[42]]；`const`保证的是引用的不可变性，而非对象内容的不可变（C正确）[[43]]；重复声明的限制使得代码更健壮（D正确）[[47]]。45.【参考答案】ABCD【解析】Flex容器有两条正交的轴线[[50]]。`flex-direction`是定义主轴方向的首要属性（A正确）[[51]]。`justify-content`控制主轴对齐（B正确），`align-items`控制交叉轴对齐（C正确）[[55]]。当主轴为`column`（垂直）时，交叉轴自然变为水平方向，因此`align-items`此时控制水平对齐（D正确）[[53]]。46.【参考答案】B【解析】在标准盒模型中，元素的总宽度=width+padding+border，margin是外部间距，不计入元素自身的宽度计算中[[14]]。width属性仅定义内容区的宽度。

2.【题干】事件委托是利用事件冒泡的特性，将事件监听器绑定在父元素上，以处理多个子元素的相同事件。

【选项】A.正确B.错误

【参考答案】A

【解析】事件委托是一种优化技术，通过利用事件冒泡机制，将本应绑定在多个子元素上的事件监听器，统一绑定在其共同的父元素上，从而减少内存消耗并简化DOM操作[[20]]。

3.【题干】JavaScript中的Promise对象一旦创建，其状态就立即从“pending”变为“fulfilled”或“rejected”。

【选项】A.正确B.错误

【参考答案】B

【解析】Promise对象创建时状态为“pending”，只有当执行了resolve()或reject()函数后，其状态才会从“pending”变为“fulfilled”或“rejected”，且状态改变后不可逆[[23]]。

4.【题干】使用`async`关键字声明的函数，其返回值必定是一个Promise对象。

【选项】A.正确B.错误

【参考答案】A

【解析】根据JavaScript规范，`async`函数会自动将其返回值包装成一个Promise对象。即使函数返回一个非Promise值，也会被隐式地用`Promise.resolve()`包装[[23]]。

5.【题干】`position:absolute`和`position:fixed`定位的元素都会脱离正常的文档流。

【选项】A.正确B.错误

【参考答案】A

【解析】无论是`absolute`（相对于最近的已定位祖先元素）还是`fixed`（相对于视口），这两种定位方式都会使元素脱离标准文档流，不再占据原有空间[[12]]。

6.【题干】在JavaScript中，`let`声明的变量具有块级作用域，而`var`声明的变量只有函数作用域。

【选项】A.正确B.错误

【参考答案】A

【解析】`let`和`const`引入了块级作用域（blockscope），即在`{}`内定义的变量只在该代码块内有效；而`var`声明的变量只有函数作用域或全局作用域，不存在块级作用域[[12]]。

7.【题干】虚拟DOM（VirtualDOM）的主要目的是直接操作真实DOM以提高渲染性能。

【选项】A.正确B.错误

【参考答案】B

【解析】虚拟DOM是真实DOM的JavaScript对象表示。其目的是通过在内存中进行高效的差异对比（diff），然后批量更新真实DOM，从而减少昂贵的DOM操作次数，提升性能[[10]]。

8.【题干】`setTimeout`和`setInterval`的回调函数都是在宏任务（macro-task）队列中执行的。

【选项】A.正确B.错误

【参考答案】A

【解析】`setTimeout`和`setInterval`属于定时器API，它们的回调函数会被放入宏任务队列，在当前执行栈清空后，由事件循环（EventLoop）从宏任务队列中取出执行[[23]]。

9.【题干】在CSS中，`display:none`和`visibility:hidden`都能隐藏元素，但前者会触发页面的重排（reflow）。

【选项】A.正确B.错误

【参考答案】A

【解析】`display:none`会使元素完全从文档流中移除，导致其占据的空间消失，从而触发重排（reflow）；而`visibility:hidden`仅隐藏元素，但保留其空间，仅触发重绘（repaint）[[17]]。

10.【题干】`async/await`语法是基于Promise实现的，`await`关键字只能在`async`函数内部使用。

【选项】A.正确B.错误

【参考答案】A

【解析】`async/await`是处理Promise的语法糖。`await`用于等待一个Promise对象的解决（resolve）或拒绝（reject），它必须在`async`函数内部使用，否则会抛出语法错误[[23]]。47.【参考答案】A【解析】Flexbox布局的默认主轴方向是水平方向（从左到右），这是由`flex-direction:row;`这一默认属性值决定的[[26]]。因此，子元素会沿此轴排列，符合题干描述。48.【参考答案】B【解析】与`var`不同，`let`和`const`声明的全局变量不会成为全局对象（如浏览器中的`window`）的属性[[16]]。它们存在于全局词法环境，但不会挂载到`window`上。49.【参考答案】A【解析】`border-box`盒模型将元素的`width`和`height`定义为内容区、内边距和边框的总和，这与默认的`content-box`（仅包含内容）不同[[1]]。这是布局中常用的精确控制尺寸的方法。50.【参考答案】A【解析】闭包的核心定义就是函数可以访问其创建时所处的词法作用域中的变量，即使该函数是在不同的作用域中被调用的[[11]]。这使得闭包能“记住”并访问外部函数的变量。51.【参考答案】A【解析】根据JavaScript规范，任何被`async`关键字修饰的函数都会自动返回一个Promise。如果函数返回一个非Promise值，该值会被自动包装成一个已解决（resolved）的Promise[[27]]。52.【参考答案】B【解析】媒体查询可以根据多种特性应用样式，包括但不限于屏幕宽度、高度、设备方向、分辨率、色彩深度等[[24]]。它提供了灵活的响应式设计基础[[25]]。53.【参考答案】A【解析】虚拟DOM是浏览器中真实DOM节点在JavaScript中的抽象表示，其主要目的是通过高效的Diff算法减少直接操作真实DOM的次数，从而提升性能[[19]]。54.【参考答案】A【解析】CSSGrid是专门设计用于二维布局的系统，允许开发者同时控制行和列，从而精确地安排页面元素[[22]]。这与一维的Flexbox布局形成对比[[26]]。55.【参考答案】A【解析】`setTimeout`和`setInterval`是浏览器提供的定时器API，它们的回调函数会被添加到宏任务（macrotask）队列中，等待当前执行栈清空后由事件循环处理。

2025四川九强通信科技有限公司招聘前端开发工程师岗位拟录用人员笔试历年常考点试题专练附带答案详解（第2套）一、单项选择题下列各题只有一个正确答案，请选出最恰当的选项（共30题）1、在CSS标准盒模型中，元素的总宽度由哪些部分组成？A.width+marginB.width+padding+borderC.width+padding+border+marginD.width+border2、以下哪个HTML5标签最适合用于定义一篇独立的、可以独立分发或重用的博客文章内容？A.<section>B.<article>C.<div>D.<aside>3、在JavaScript中，闭包（Closure）的主要作用是什么？A.创建新的数据类型B.实现对象的继承C.让内部函数可以访问并记住其外部函数的作用域D.提高代码的执行速度4、关于CSS中margin和padding的区别，下列描述正确的是？A.margin定义元素内容与边框之间的距离，padding定义元素与其他元素之间的距离。B.margin和padding都影响元素的背景色显示范围。C.margin定义元素与其他元素之间的距离，padding定义元素内容与边框之间的距离。D.margin和padding都不能设置为负值。5、事件委托（EventDelegation）利用了JavaScript的哪个特性来提高性能？A.作用域链B.原型链C.事件冒泡D.异步执行6、在JavaScript中，以下哪种方法可以正确地检测一个变量是否为数组？A.typeofarr==='array'B.arrinstanceofArrayC.Ototype.toString.call(arr)==='[objectArray]'D.arr.typeOf()==='Array'7、关于HTTP状态码304（NotModified），以下说法正确的是？A.表示请求的资源已被永久移动到新位置B.表示服务器成功处理了请求，但没有返回内容C.表示客户端缓存的资源仍然有效，服务器无需重新传输D.表示请求的资源需要用户进行身份验证8、在CSS中，以下选择器的优先级从高到低排列正确的是？A.ID选择器>类选择器>元素选择器>内联样式B.内联样式>ID选择器>类选择器>元素选择器C.类选择器>ID选择器>内联样式>元素选择器D.元素选择器>类选择器>ID选择器>内联样式9、以下关于ES6中let和const的描述，错误的是？A.let声明的变量具有块级作用域B.const声明的变量必须在声明时初始化C.const声明的对象，其属性值不能被修改D.let和const都存在暂时性死区（TDZ）10、在前端性能优化中，“防抖”（Debounce）技术主要用于解决以下哪种问题？A.减少HTTP请求次数以合并资源B.延迟执行函数，直到事件停止触发一段时间后才执行C.将大任务拆分为多个小任务以避免阻塞主线程D.预先加载用户可能访问的资源11、在JavaScript中，以下代码的输出顺序是什么？

```javascript

console.log('1');

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

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

console.log('4');

```A.1234B.1432C.1423D.134212、以下CSS选择器中，优先级最高的是哪一个？A.`.containerdiv`B.`#header`C.`div[data-role="main"]`D.`div.container>p`13、关于JavaScript闭包，以下说法错误的是？A.闭包可以访问其词法作用域链中的变量B.闭包可能导致内存泄漏，因为其持有的外部变量不会被及时回收C.`setTimeout`中使用`let`声明的循环变量，本质上利用了闭包机制D.闭包只能在函数内部定义函数时产生14、HTTP状态码304（NotModified）通常与以下哪个请求头配合使用？A.`Content-Type`B.`Authorization`C.`If-Modified-Since`或`If-None-Match`D.`Accept-Encoding`15、在HTML中，以下哪种写法能最有效地提升页面加载性能并确保CSS不阻塞关键渲染路径？A.将所有CSS放在`<head>`中，使用`<linkrel="stylesheet">`B.将CSS内联到HTML文档的`<style>`标签中C.对非关键CSS使用`<linkrel="preload"as="style"onload="...">`并配合`media="print"`技巧D.将CSS放在`<body>`底部16、在JavaScript中，以下哪项最准确地描述了闭包的概念？A.闭包是函数内部定义的另一个函数。B.闭包是函数能够访问其词法作用域外变量的能力，即使该函数在其词法作用域之外执行。C.闭包是JavaScript中用于实现继承的一种机制。D.闭包是指函数执行完毕后，其内部变量立即被垃圾回收。17、在CSSFlex布局中，若要使容器内的所有项目在交叉轴（垂直于主轴的方向）上居中对齐，应使用哪个属性？A.justify-content:center;B.align-items:center;C.align-content:center;D.flex-align:center;18、关于JavaScript中的事件委托（EventDelegation），以下哪项描述是正确的？A.事件委托是通过在每个子元素上单独绑定事件处理器来实现的。B.事件委托利用了事件的捕获阶段，优先处理最内层元素的事件。C.事件委托是将事件监听器绑定到父元素上，利用事件冒泡机制来处理子元素的事件。D.事件委托主要依赖于`addEventListener`的第三个参数为`true`来实现。19、分析以下JavaScript代码的执行结果：

```javascript

console.log('1');

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

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

console.log('4');

```A.1,2,3,4B.1,4,2,3C.1,4,3,2D.1,3,4,220、在HTML5中，以下哪个元素是用于定义文档或文章的独立、自包含内容的？A.`<section>`B.`<article>`C.`<nav>`D.`<aside>`21、下列关于JavaScript闭包的描述，哪一项是正确的？A.闭包是指一个函数能够访问并操作其外部函数的局部变量，即使外部函数已经执行完毕。B.闭包会阻止垃圾回收机制回收外部函数的所有变量，可能导致内存泄漏，因此应避免使用。C.闭包只能在函数内部定义，且只能在该函数内部被调用。D.闭包是ES6新增的特性，用于解决变量提升问题。22、在CSS中，当设置`box-sizing:border-box;`时，元素的宽度（width）包含哪些部分？A.仅内容（content）宽度B.内容（content）宽度+内边距（padding）C.内容（content）宽度+内边距（padding）+边框（border）D.内容（content）宽度+内边距（padding）+边框（border）+外边距（margin）23、以下关于HTML5语义化标签的描述，哪一项是错误的？A.使用`<header>`、`<nav>`、`<section>`、`<footer>`等标签有助于提升网页结构的可读性。B.语义化标签仅对搜索引擎优化（SEO）有帮助，对屏幕阅读器等辅助技术无益。C.语义化标签在样式丢失时，仍能呈现清晰的文档结构。D.语义化标签是HTML5引入的重要特性之一，用于更准确地描述页面内容。24、考虑以下JavaScript代码，执行后控制台输出的结果是什么？

```javascript

for(vari=0;i<3;i++){

setTimeout(function(){

console.log(i);

},0);

}

```A.0,1,2B.3,3,3C.0,0,0D.1,2,325、在Flex布局中，要使一个容器内的项目在主轴上居中对齐，应使用哪个CSS属性？A.`align-items:center;`B.`justify-content:center;`C.`flex-direction:row;`D.`align-content:center;`26、在JavaScript中，以下关于闭包（Closure）的描述，最准确的是？A.闭包是指一个函数内部定义了另一个函数B.闭包是任何能够访问全局变量的函数C.闭包是函数与其词法作用域的组合，使得该函数即使在其定义作用域外执行，仍能访问其内部变量D.闭包仅在使用`var`声明变量时才会产生27、在CSS中，以下哪项**不能**触发创建块级格式化上下文（BFC）？A.元素的`float`属性值为`left`B.元素的`position`属性值为`relative`C.元素的`display`属性值为`inline-block`D.元素的`overflow`属性值为`hidden`28、HTTP状态码301和302的核心区别在于？A.301用于GET请求，302用于POST请求B.301是永久重定向，302是临时重定向C.301由客户端发起，302由服务端自动发起D.301仅适用于HTTPS，302仅适用于HTTP29、在Vue2/3中，`v-if`与`v-show`的根本区别是？A.`v-if`支持表达式，`v-show`只支持布尔值B.`v-if`通过CSS控制显示，`v-show`通过DOM操作控制C.`v-if`是“真正”的条件渲染（DOM增删），`v-show`仅切换`display`样式（DOM始终存在）D.`v-if`有更高初始渲染开销，`v-show`有更高切换开销30、在ES6Promise链式调用中，若一个`.then()`回调函数中**没有显式返回值**，则后续`.then()`接收到的参数为？A.上一个Promise的原始值B.`undefined`C.一个新的、状态为`pending`的PromiseD.抛出`TypeError`异常二、多项选择题下列各题有多个正确答案，请选出所有正确选项（共15题）31、关于JavaScript中的闭包（Closure），以下说法正确的是？A.闭包是指有权访问另一个函数作用域中变量的函数。B.在循环中创建闭包时，内部函数通常会引用变量的最终值，而非每次迭代的值。C.闭包会导致其引用的外部变量无法被垃圾回收，可能造成内存泄漏。D.所有在函数内部定义的函数都是闭包。32、在CSS的Flexbox布局中，以下关于`justify-content`和`align-items`属性的描述，正确的是？A.`justify-content`用于控制子元素在主轴（mainaxis）上的对齐方式。B.`align-items`用于控制子元素在交叉轴（crossaxis）上的对齐方式。C.当`flex-direction`为`column`时，`justify-content`控制的是垂直方向的对齐。D.`align-items`的默认值是`center`。33、关于HTTP状态码，以下说法正确的是？A.状态码304(NotModified)表示客户端可以使用本地缓存的资源，服务器无需再次传输完整内容。B.状态码206(PartialContent)通常用于断点续传或分块下载的场景。C.状态码401(Unauthorized)表示请求要求用户的身份认证。D.状态码403(Forbidden)表示服务器理解请求，但拒绝执行，通常与权限不足有关。34、在JavaScript的事件循环（EventLoop）机制中，以下关于宏任务（Macro-task）和微任务（Micro-task）执行顺序的描述，正确的是？A.在一个宏任务执行完毕后，会立即执行微任务队列中的所有任务，直到队列为空。B.`setTimeout`的回调函数属于宏任务。C.`Promise.then`的回调函数属于微任务。D.微任务的执行优先级高于宏任务。35、关于React中`setState`方法的执行机制，以下说法正确的是？A.在React的合成事件（如onClick）处理函数中，`setState`是异步的，会进行批量更新。B.在原生DOM事件（如addEventListener绑定的事件）的回调中，`setState`是同步的。C.在`setTimeout`的回调函数中，`setState`是同步的。D.`setState`的“异步”指的是状态更新被放入一个内部队列，等待React统一处理，而非真正的异步（如放入事件队列）。36、关于浏览器的重绘（Repaint）与回流（Reflow/Relayout），以下说法正确的是？A.改变一个元素的`color`样式，通常只会触发重绘，不会触发回流。B.改变一个元素的`width`或`height`样式，通常会触发回流，而回流之后必然伴随重绘。C.频繁的DOM操作是导致性能问题的主要原因之一，应尽量减少回流的发生。D.使用`transform`进行动画，通常会创建一个新的合成层（CompositeLayer），从而避免回流和重绘，只进行合成（Composite）。37、关于ES6的`let`、`const`和`var`声明，以下说法正确的是？A.`var`声明的变量存在变量提升（Hoisting），且其作用域为函数作用域。B.`let`和`const`声明的变量也存在提升，但在声明前访问会抛出`ReferenceError`，这被称为“暂时性死区”（TemporalDeadZone,TDZ）。C.`const`声明的变量必须在声明时初始化，且其值不可被重新赋值。D.对于`const`声明的对象或数组，虽然不能重新赋值，但可以修改其内部的属性或元素。38、关于`this`关键字在JavaScript中的指向，以下代码片段中，`console.log`输出内容为`true`的有？A.`functionfoo(){console.log(this===window);}foo();`//在非严格模式的浏览器环境中B.`constobj={method:function(){returnthis;}};console.log(obj.method()===obj);`C.`constarrow=()=>console.log(this===window);arrow();`//在非严格模式的浏览器环境中D.`functionbar(){'usestrict';console.log(this===undefined);}bar();`39、关于HTTP/1.1的持久连接（Keep-Alive）和管线化（Pipelining），以下说法正确的是？A.持久连接允许在同一个TCP连接上发送多个HTTP请求/响应，避免了为每个请求都进行TCP三次握手的开销。B.HTTP/1.1默认启用持久连接，除非请求头中明确指定了`Connection:close`。C.管线化允许客户端在收到前一个请求的响应之前，就发送后续的请求，但服务器必须按请求顺序返回响应。D.由于“队头阻塞”（Head-of-lineblocking）问题，管线化在现代浏览器中已被广泛弃用。40、关于前端模块化，以下说法正确的是？A.CommonJS规范主要用于Node.js环境，其模块加载是同步的。B.AMD（AsynchronousModuleDefinition）规范，如RequireJS，主要用于浏览器环境，其模块加载是异步的。C.ES6的`import`/`export`是语言层面的模块化标准，其模块依赖关系在编译时（静态）就已确定。D.`import`语句会被提升到其所在模块的顶部，且其导入的绑定是实时的（livebinding），即会反映模块内部值的最新变化。41、关于JavaScript闭包，下列说法正确的是？（多选）A.闭包是指一个函数能够访问并操作其外部函数作用域中的变量B.闭包会使得外部函数的变量常驻内存，可能导致内存泄漏C.闭包是函数内部定义的函数，它能访问外部函数的参数和变量D.闭包的主要用途是避免全局变量污染，但会增加内存开销42、关于CSS盒模型，下列描述正确的是？（多选）A.标准盒模型（content-box）中，元素的width和height仅包含内容区B.border-box盒模型中，元素的width和height包含了内容、内边距和边框C.使用box-sizing:border-box可以更直观地控制元素总尺寸D.margin属于盒模型的一部分，但不包含在width和height的计算中43、关于HTTP的GET和POST方法，下列说法正确的是？（多选）A.GET请求的参数会附加在URL后面，而POST请求的参数放在请求体中B.GET请求可以被浏览器缓存，POST请求默认不会被缓存C.GET请求对数据长度有限制，POST请求理论上没有限制D.GET请求在浏览器回退时是无害的，POST请求回退时会再次提交44、关于JavaScript中的Promise，下列说法正确的是？（多选）A.Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）B.Promise的状态一旦改变，就不能再被更改C.Promise的then()方法返回一个新的Promise对象D.Promise可以链式调用多个then()方法来处理异步操作45、关于CSSFlexbox布局，下列属性描述正确的是？（多选）A.justify-content用于设置项目在主轴上的对齐方式B.align-items用于设置项目在交叉轴上的对齐方式C.flex-wrap属性控制项目是否换行D.align-content属性用于多行容器中，控制多根轴