-
本文介绍使用事件委托解决动态元素点击事件失效的问题，通过监听父容器并利用closest()方法精准捕获目标元素，确保新增的分类项也能响应点击并高亮显示。
-
play()不支持淡入淡出，需用WebAudioAPI的GainNode动态调节增益；必须通过用户手势初始化AudioContext，避免静音策略与兼容性问题，且需妥善管理上下文生命周期和跨平台状态。
-
HTML5Canvas本身不提供边缘检测API，需用JavaScript手动实现图像卷积（如Sobel算子），通过getImageData读像素、卷积计算梯度、归一化后putImageData写回，注意CORS、越界和性能优化。
-
小屏横向滚动条源于内容超宽，需先设正确viewport标签，再约束容器、图片、长文本等不溢出。关键为width=device-width及max-width:100%、img{max-width:100%}、word-break:break-word等。
-
图片在flex容器中撑破父容器需同时设置img{max-width:100%;height:auto;flex:110}，因flex默认行为会忽略max-width，必须通过flex-basis:0重置基准尺寸并启用缩放。
-
HTML5中实现文本换行有四种方法：一、用<br>标签强制换行；二、用white-space属性控制自动换行；三、用word-break或overflow-wrap处理长单词换行；四、用<pre>标签配合CSS还原文本格式。
-
答案：使用CSS的transform、rotateY和@keyframes可实现图片翻转动画。首先构建包含图片的容器，设置perspective和transform-style启用3D空间；接着定义从0到180度的rotateY关键帧动画，并绑定至图片，配置时长、缓动及循环方式；最后可通过:hover配合transition实现悬停触发的翻转效果，无需JavaScript，适合卡片展示等交互场景。
-
qrcode.js是最轻量无依赖的浏览器端二维码生成方案，体积约4KB，支持Canvas/SVG输出，但需DOM挂载、中文需设type:'byte'，纠错等级固定为M级。
-
<p>应使用box-sizing:border-box；它使width/height包含content、padding和border，避免尺寸错位，符合设计稿标注逻辑，推荐全局设置*{box-sizing:border-box;}。</p>
-
<p>设置box-sizing:border-box能避免width:100%溢出，因其将padding和border计入width内，而非额外增加；全局启用需写,::before,*::after{box-sizing:border-box;}，并用Computed面板验证生效。</p>
-
项目选CSS框架需先确认三点：团队熟悉度、是否需快速出原型、设计系统是否固定或需高度定制；Tailwind适合改得快但HTML膨胀，Bootstrap适合快速交付管理后台但定制难。
-
required属性仅对可输入且具“空值”语义的表单控件生效，如text、email、number、textarea、select（含空value选项）、checkbox、radio及file等；hidden、button等无效；它仅判空不校验格式，提示不可定制，不能替代服务端验证。
-
递归算法的时间复杂度取决于递归树总节点数与各节点工作量之积，空间复杂度由最大递归深度（即调用栈最大高度）决定；斐波那契朴素递归为O(2ⁿ)时间、O(n)空间，二分查找为O(logn)时间与空间，归并排序为O(nlogn)时间、O(logn)空间。
-
ZurbFoundation移动端布局依赖栅格系统和响应式工具类自动适配，需正确引入CSS/JS、执行$(document).foundation()初始化，并理解其移动优先断点逻辑（small≤640px、medium≥641px、large≥1024px）。
-
<meter>用于表示已知范围内的静态标量值（如CPU使用率），而非任务进度；<progress>才表示动态、单向的完成比例。
