全部来自 AI 原创生成并经逐题审校的题目，带 精品 标记的为 AI 复审通过。整卷生成请去组卷。
某页面有一个待办事项列表：点击条目可切换其完成状态（添加/移除类名 done），新增条目是点击“添加”按钮后动态创建的 li 元素。学生小华把事件监听器直接绑定在初始的几个 li 上，测试时发现：初始条目点击有效，但新添加的条目点击无效。若不修改动态创建逻辑，下列调试方案中最合理的是（ ） A. 给每个新创建的 li 单独再绑定一次点击事件 B. 将点击事件监听器绑定在列表的父元素 ul 上，并用事件对象 e.target 判断点击来源 C. 在 CSS 中为新 li 设置 pointer-events:none 以避免冲突 D. 将所有事件监听器移除，改用 setInterval 定时轮询每个 li 的点击状态
登录后查看答案
某站点在 :root 中定义 --gap: 8px 统一控制卡片间距，卡片规则写 margin: var(--gap)；另定义 .theme-compact 中将 --gap 改为 4px。某元素同时具有 theme-compact 和 card 两个类，则该元素的 margin 计算值为 ____px；若某卡片不在 theme-compact 元素内部且自身无 theme-compact 类，其 margin 值为 ____px。
某项目用 CSS 变量统一管理页面文字色与背景色：:root 中定义 --text-color 和 --bg-color，页面所有模块的样式规则均通过 var() 引用这两个变量。若要新增一个夜间主题，只需在 html 上添加属性 data-theme="night"，并编写选择器 ____{--text-color:#eee;--bg-color:#1a1a1a;} 即可整体替换配色，无需逐条修改各模块样式。
判断：对于箭头函数 () => ({ value: 1 })，由于箭头函数没有自己的 this，它内部 this 指向外层作用域的 this，因此即使通过 call 改变 this，其内部 this 也不会被改变；而 Promise 构造函数的 executor 函数会同步执行，其中调用 reject 之后若继续调用 resolve，Promise 的状态仍保持为 rejected 不变。
某页面包含表单：<form action="/save" method="post"><input name="title" value="a&b"><input name="tag" value="C++"></form>，用户点击提交按钮后，浏览器将请求体发送到 /save。若采用默认的 urlencoded 序列化方式，该请求体应为（ ） A. title=a&b&tag=C++ B. title=a%26b&tag=C%2B%2B C. title=a%26b,tag=C%2B%2B D. title=a+b&tag=C++
某表单中有控件 <input type="number" min="1.25" max="8.9" step="1.5">。若浏览器按 HTML5 内置验证规则检查该控件，且只考虑 min、max、step 的约束，则不超过 max 的最大有效输入值是 ___。
某段落元素设置了样式 `p { font-size: 15px; border: 0.2em double #063; border-bottom-width: 5px; background-color: #fff8ee; }`，则该段落上边框的宽度为____px，下边框的宽度为____px。
某表单包含 <input type="email" required>，且 <form> 设置了 novalidate。该输入框留空后，用户点击普通提交按钮，浏览器仍会依据 required 阻止表单提交。判断此说法是否正确。
某元素的动画从横坐标 12px 开始，每次定时器回调将横坐标增加 9px；若本次增加后达到或超过 150px，则将横坐标设为 150px 并立即清除定时器。定时器每隔 30ms 回调一次，首次回调在启动 30ms 后发生。动画启动 210ms 后恰在一次回调结束时暂停并清除定时器；500ms 时重新启动同样的定时器。假设回调均准时执行，动画完成时横坐标及从首次启动到完成的总时间分别是多少？ A. 75px，770ms B. 75px，980ms C. 150px，740ms D. 150px，770ms
某页面中有一个空的无序列表 ul。执行以下代码后：const li = document.createElement('li'); li.setAttribute('class', 'item'); li.textContent = '第一项'; li.setAttribute('class', 'active'); ul.appendChild(li); ul.removeChild(li); ul.appendChild(li); 请判断：最终页面上存在一个文本为'第一项'且 class 属性为 'item' 的 li 元素。
某同学声明：元素上通过 addEventListener 绑定的同一个回调函数，若用相同的 options 对象 {capture:true} 调用两次 addEventListener，则该回调会在同一阶段被触发两次。
某 DOM 元素的动画使用 setInterval 分 24 次等间隔更新，首次更新发生在计时开始后的一个完整间隔之后，且第 24 次更新时动画结束。若动画从开始到结束共持续 1.2 秒，则 setInterval 的延迟参数应为 ____ 毫秒。
某“在线会议预约系统”需实现前端功能：①用户注册与登录；②查看会议室列表；③按容量筛选会议室；④查看会议室详情；⑤创建预约；⑥查看我的预约；⑦取消预约；⑧管理员登录；⑨管理员审核预约；⑩管理员查看预约统计。现有四种模块划分方案：甲：登录注册、会议室信息、预约管理、管理员功能；乙：用户认证、会议室浏览、预约创建、预约查询、预约取消、管理端登录、管理审核、统计；丙：用户认证（用户注册/登录、管理员登录）、会议室模块（列表/筛选/详情）、预约模块（创建/我的预约/取消）、管理模块（审核/统计）；丁：登录、注册、会议室列表、筛选、详情、创建预约、我的预约、取消、管理员登录、审核、统计。按高内聚低耦合、同一业务实体的读写操作聚合、跨角色认证独立成模块的原则，最合理的方案是____。
某阅读器用 CSS 自定义属性统一设置页面背景色。默认主题在 :root 中将 --page-bg 设为 #f5f5f5，深色主题通过 <html data-theme="dark"> 启用，要求仅在该属性值为 dark 时把背景色改为 #202124，且页面背景始终使用变量。请填写深色主题规则：html[data-theme="dark"] { ____ }
在JavaScript中为按钮绑定点击事件，常使用____方法为元素注册事件处理函数；若在事件处理函数中通过 this 获取被点击的元素，通常应避免使用HTML的 ____ 属性直接内联绑定，以便将结构（HTML）与行为（JavaScript）分离；调试交互代码时，可在处理函数中调用 console.____() 方法在控制台输出信息以查看代码是否被执行。
填写空缺处，分别用对象字面量和构造函数创建具有同一组属性的电脑对象。对象字面量：const laptopA = ____；构造函数：function Laptop(name, price) { this.name = name; this.price = price; } const laptopB = new Laptop("轻薄本", 5000); 两个对象的 name 均为“轻薄本”，price 均为 5000。
在页面开发中，点击按钮后需弹出一个提示框。下列 JavaScript 代码中，能正确为按钮绑定点击事件的是（ ） A. document.getElementById("btn").onclick = function(){ alert("提示"); } B. document.getElementById("btn").alert("提示"); C. alert("提示").onclick = "btn"; D. function btn(){ alert("提示"); }
某在线书店项目需支持图书检索、加入购物车、修改商品数量和提交订单。需求分析后，开发者将系统划分为“HTML模块”“CSS模块”“JavaScript模块”，并认为这种按开发技术划分的方式已经完整体现了项目的功能模块。判断该说法是否正确。
某站点将主色定义为 :root 中的 CSS 变量 --primary，按钮、卡片等组件统一通过 var(--primary) 引用该颜色；后期需要把整个站点主色从蓝色换成绿色，只需修改 --primary 这一处定义即可全局生效。
在 JavaScript 中，函数 F 的 prototype 对象上定义了方法 greet，另有对象 obj 通过 Object.create(F.prototype) 创建。执行 obj.greet() 时，引擎在 obj 自身查找 greet 失败，随后沿 ____ 链向上查找，最终在 ____ 上找到该方法。若执行 F.prototype = {}（整体替换原型对象）后再调用 obj.greet()，由于 obj 的内部原型仍指向替换前的旧对象，方法____（填：能/不能）被找到。