-
事件委托是利用事件冒泡机制将子元素事件处理上收至父元素统一管理的技术，通过在父元素监听并用event.target识别实际目标，实现节省内存、适配动态内容、集中维护和简化解绑。
-
HTML5<video>的poster属性专为自定义封面设计，但仅在视频未播放、未启用autoplay且首帧未加载时生效；常见失效原因包括preload="none"、路径错误、跨域限制、格式不兼容及宽高比不匹配。
-
使用audio标签可插入背景音乐，需注意浏览器自动播放限制，建议结合muted属性与JavaScript在用户交互后开启声音，并提供控制按钮以提升体验。
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
-
content-box盒模型下，width/height仅指内容区尺寸，总宽度=width+左右padding+左右border。
-
JavaScript游戏开发中碰撞检测可不用完整物理引擎，关键在理解逻辑、选合适方法并平衡性能与精度；矩形用AABB检测判断重叠，圆形用距离平方比较避免开方。
-
JavaScript原型链是对象属性查找与继承的核心机制，通过[[Prototype]]内部属性逐级向上查找直至null；构造函数的prototype属性用于设置实例原型，ES6class底层仍基于此机制，但需注意引用类型共享等局限。
-
推荐使用ES6class+extends实现继承，语义清晰且兼容性好；子类constructor中须首行调用super()，通过super.方法名()调用父类方法；底层仍基于原型链，class是语法糖。
-
导航菜单小屏显示不全的解决思路有两种：一是用flex-wrap:wrap实现自动换行，适用于菜单项少、允许垂直延伸的场景；二是用媒体查询+display:none隐藏次要项，配合“更多”下拉或汉堡菜单，兼顾可访问性与触控体验。
-
结合FontAwesome与CSS变量可高效统一管理图标样式。1.通过CDN引入FontAwesome库；2.在:root中定义--icon-color、--icon-size等变量；3.创建.icon类应用变量并添加悬停效果；4.用JavaScript动态修改变量实现主题切换，如setIconTheme('dark')切换深色模式。
-
闭包是函数记住并访问其定义时词法作用域中变量的能力，因内部函数持有对外部变量的引用而使变量延迟回收，可能引发内存泄漏；合理使用需避免意外捕获大对象、及时解除引用、用let替代var。
-
grid-template-areas不能transition，因其属于离散布局结构变更，非可插值属性；可过渡的是grid-column-start/end等位置属性，配合transform实现平滑动效。
-
output标签专为表单中动态显示计算结果而设计，必须通过for属性关联input等控件ID才能启用原生自动更新，否则退化为普通内联元素；需显式设置display和宽高以避免布局抖动，JS操作应优先使用value属性而非innerHTML。
-
<details>元素的展开状态唯一由open属性布尔值决定，<summary>无状态属性；JS应直接读取details.open或监听toggle事件获取实时状态，禁用click或类名判断。
-
利用事件循环优化CPU密集型任务的核心是将其从主线程剥离，避免阻塞事件循环导致应用无响应；2.浏览器中使用WebWorkers在后台线程执行计算，通过postMessage通信，保持主线程流畅；3.Node.js中可选WorkerThreads（轻量、高效、适合频繁交互的计算任务）或ChildProcesses（高隔离、适合外部程序调用或重任务）；4.正确选择方案需根据任务特性、资源开销和隔离需求权衡，最终保障事件循环正常运转和用户体验完整。
