全部来自 AI 原创生成并经逐题审校的题目，带 精品 标记的为 AI 复审通过。整卷生成请去组卷。
页面中按钮内嵌一个 <span>。为按钮绑定 click 监听器后，用户点击该 <span>，若要通过回调参数 event 获取本次事件实际发生的目标元素，应访问 event.____。
登录后查看答案
阅读下列 JavaScript 程序，填写控制台输出： let total = 0; for (let i = 1; i <= 7; i++) { if (i % 2 === 0) continue; if (i === 5) break; total += i; } console.log(total); // ____
页面中，.stage 设置 position: relative；其子元素 .rail 设置 position: absolute、z-index: 6；.rail 内的 .badge 设置 position: absolute、top: 12px、left: 8px、z-index: auto。.stage 的另一子元素 .notice 设置 position: relative、z-index: 5。假设 .rail 与 .notice 重叠，且没有其他层叠上下文干扰：.badge 的定位包含块是 ____，重叠处绘制在上方的是 ____。
某内容区在视口宽度不大于 43.75em 时采用单列布局，超过该宽度时采用双列布局。媒体查询中的 em 按初始字号 16px 换算，则该响应式布局的断点为 ____ px。
在响应式布局中，若希望当视口宽度不小于 1024px 时应用某组样式，应使用的媒体查询写法为 @media (____: 1024px) { ... }；若希望在视口宽度不大于 600px 时应用样式，则应使用特性名 ____（填 max-width 或 min-width）。
某元素设置 box-sizing: border-box; padding-left: 15px; padding-right: 15px; border-left-width: 6px; border-right-width: 6px; 且最终内容区（content）宽度为 138px。在 border-box 模型下，其 width 属性应设置为 ____ px。
开发一个活动报名页面，需求包括展示活动信息、填写姓名与联系方式、检查必填项并提示报名结果。按功能划分为“信息展示模块”（展示活动信息）、“表单录入模块”（接收姓名与联系方式）、“结果反馈模块”（显示报名结果）；负责检查必填项的功能应归入____。
某前端项目规定：提交前必须运行 `npm run format:check`；提交信息遵循 Conventional Commits，新增功能使用 `feat` 类型，主题用祈使语气且不加句号。当前已暂存 `src/filter.js`，另有未暂存的 `src/debug.js`，本次只提交已暂存内容，主题为“add task filter”。应执行的完整命令是 ____。
在表单中有三个单选按钮，前两个的name属性均为"g1"，第三个的name属性为"g2"。已知用户当前已选中第一个按钮。若要求该按钮保持选中状态不变，则用户还能再选中的单选按钮最多有____个。
已知对象 obj = { name: "web", tags: ["html", "css", "js"], meta: { year: 2024 } }，执行以下代码：const { name, tags: [first, , third], ...rest } = obj; const merged = { ...rest, meta: { ...rest.meta, year: 2025 } }; 则 name 的值为____，first 的值为____，merged.meta.year 的值为____。
某页面的 HTML 源码如下，换行与缩进均为源码中的实际空白字符： <div id="box"> <p>晨间</p> <p>傍晚</p> </div> 执行 `const box = document.getElementById("box");` 后，`box.childNodes.length` 的值为 ____。
在 JavaScript 中依次执行以下语句：var a; var b = 0; var c = ""; var d = null; 其中未赋值直接声明且未初始化的变量 a 的类型为 ____（写 typeof 检测结果的小写字符串）。若将 null 赋给变量 e，则 typeof e 的返回值为 ____。若执行 var f = 42/0，则 typeof f 的结果为 ____。请依次填写三个返回值，用逗号分隔。
阅读以下代码： class A { int m; public: A(int i=0): m(i) {} int get() const { return m; } void set(int i) { m = i; } bool cmp(const A& o) const { return m == o.m; } friend void fr(A& a) { a.m = 9; } }; struct B { int n; }; void f(A& a, A& b) { ① a.m = 1; ② a.set(2); ③ a.cmp(b); ④ b.m = a.m; ⑤ fr(a); ⑥ B b2; b2.n = 5; } 在函数 f 中，能通过编译的语句共有 ___ 条。
在 CSS 中，某元素的父元素 font-size 为 20px，该元素设置 font-size: 1.6em，则该元素实际渲染的字号为 ____ px；若此时又将该元素的 text-indent 设置为 2em，则首行缩进为 ____ px。
页面中有 `<p class="note"><span id="key">重点</span></p>`，CSS 为 `.note { font-size: 18px; text-decoration: underline; }`、`p.note { font-size: 20px; }`、`#key { font-size: 0.8em; text-decoration: none; }`。忽略浏览器默认样式，`span` 中“重点”的实际字号为____，显示时____（填写“带下划线”或“不带下划线”）。
程序创建并关闭文件 log.txt，文件内容为“16 x 29”（不含引号）。随后成功打开该文件，执行 `int a=0,b=0,c=0; in>>a; in>>b; in>>c;`，期间未调用 `clear()`。执行结束后，b 的值为____，`in.fail()` 为____，`in.eof()` 为____（用 true 或 false 填写）。
定义类 Sample，成员 `int n`；`operator>>` 按 `in >> s.n` 读取并返回 `in`，`operator<<` 输出 `'<' << s.n << '>'` 并返回 `out`。令 `a、b、c` 的 `n` 均初始化为 -1，输入流内容为 `8 z 13`，依次执行 `in >> a >> b >> c` 后，再执行 `out << a << b << c`。输出流中的内容为____。
页面中有一个 <ul id="list">，初始包含 3 个 <li>，文本依次为 A、B、C。执行以下代码后： const ul = document.getElementById('list'); const li = document.createElement('li'); li.textContent = 'D'; ul.appendChild(li); ul.removeChild(ul.firstChild); ul.lastElementChild.setAttribute('class', 'active'); 此时 ul 中 <li> 元素的个数为 ____ 个，其中具有 class="active" 属性的 <li> 的文本内容为 ____。
某页面样式表按书写顺序依次包含以下三条媒体查询规则（浏览器视口宽度为 900px，均为满足条件即生效）：规则一：@media (max-width: 768px){ .box{ width: 100px; } }；规则二：@media (min-width: 769px){ .box{ width: 300px; } }；规则三：@media (max-width: 1200px){ .box{ width: 500px; } }。三条规则的 CSS 特异性相同。按层叠规则，.box 最终渲染的 width 为 ____px；若把视口宽度调整为 750px，满足条件的规则共 ____ 条。
某元素的 CSS 中设置 width:280px; padding:20px; border:5px; 且使用默认的 content-box 盒模型，则该元素占据的总宽度为____px；若将盒模型改为 border-box 且其余样式不变，其内容区宽度将变为____px。