-
子模块尺寸失控主因是minmax()边界设置不当；应避免用0或auto作最小值，改用明确像素、min-content或min(200px,100%)等可控值，并配合overflow-wrap、max-width等防撑爆，嵌套Grid需双重校准。
-
需先通过DOM获取media元素实例（如querySelector或getElementById），确保脚本在DOM加载后执行；跨域资源需加crossorigin="anonymous"；play()必须由用户手势触发并处理Promise拒绝；常用属性包括currentTime、volume（iOS受限）、muted、paused、ended、playbackRate；应监听canplay、canplaythrough、timeupdate、ended等事件而非轮询。
-
JavaScript的unshift方法用于在数组开头添加一个或多个元素，返回新数组长度并直接修改原数组。1.它按照传入顺序将元素插入数组最前；2.会改变原始数组结构，适用于小规模数据或不需保留原数组的场景；3.与push不同，它操作的是数组头部，性能上为O(n)，因需移动所有元素；4.频繁操作大数组可能导致页面卡顿、内存效率下降；5.替代方法包括使用扩展运算符创建新数组、concat()合并数组（保持不可变性），以及splice()（语义不清且性能类似unshift）。
-
用requestAnimationFrame每帧根据Date.now()计算真实经过毫秒数，结合秒/分/时及毫秒偏移动态算角度（如秒针：(s+ms/1000)×6°），并设transform-origin:center确保绕中心旋转，同时移除所有指针的transition和animation。
-
localStorage只存字符串，对象需JSON.stringify()存、JSON.parse()取；含函数/undefined/Date/循环引用时会出错，应清理或用structuredClone()；Phaser中应在明确存档点（如关卡完成、菜单打开）手动保存，而非update()中频繁调用；多存档需动态key如save_1；IndexedDB仅在数据量大或需事务时必要。
-
豆包无法直接运行HTML，但可生成代码并协助调试。通过浏览器打开本地文件或使用本地服务器可预览效果。
-
TensorFlow.js在浏览器中运行的优势是无需服务器、保护隐私和离线支持；1.无需服务器：模型直接在客户端运行，减少服务器负载并降低延迟；2.保护隐私：用户数据无需上传至服务器，提升隐私安全性；3.离线支持：部分应用可在无网络环境下运行，增强可用性。
-
ESM与CJS是底层机制完全不同的模块系统，不可互换：ESM静态分析、顶层导入、实时绑定；CJS动态执行、同步加载、值拷贝；二者缓存隔离、路径规则不同、循环依赖行为迥异。
-
本文深入解析为何在函数体内重新赋值自身函数名会改变行为：fun1通过首次调用完成“自我升级”，利用闭包持久化内部数组；而fun2每次调用都新建数组，二者本质差异在于状态是否共享。
-
不能。background-color动画仅支持纯色间过渡，无法生成线性渐变效果；真正动态渐变需用background-image+background-position动画实现。
-
text-shadow属性可通过设置水平垂直偏移、模糊半径和颜色来为文字添加阴影，提升视觉层次与可读性；支持多阴影叠加，实现投影、发光、浮雕等效果，兼容现代浏览器，建议合理控制参数以确保可读性。
-
HTML不处理样式，应使用<style>标签、外部CSS或内联style属性；<font>等过时标签无效且报错；内联样式需正确书写CSS规则，类选择器更易维护；常见错误包括拼写、单位、继承及默认样式干扰。
-
JavaScript中的class静态方法通过static关键字定义，直接绑定到类上，通过类名调用。使用场景包括：1.类级别的工具方法，如数学运算；2.工厂方法，用于创建实例；3.类级别的配置管理。使用时需注意不能访问实例属性，避免命名冲突，并考虑测试和调试的复杂性。
-
掌握HTML布局需综合运用语义化标签、Flexbox、Grid、浮动及媒体查询：一用header/nav/main/section/footer构建结构；二用Flexbox实现一维弹性布局；三用Grid完成二维网格控制；四以float+clear兼容旧浏览器；五借媒体查询实现响应式断点适配。
-
箭头函数是ES6语法，用=>定义，无this绑定，捕获外层作用域this，适用于回调，但不适用对象方法、构造函数等需动态this的场景。
