-
audio的muted是布尔属性，仅存在即为true，不写为false；JS中audio.muted可读写布尔值，但需用户手势触发才能取消静音。
-
通过background-position、多层背景透明度或CSS变量间接实现渐变动画，利用位移、opacity过渡或变量动态变化模拟平滑动效。
-
ES6模块是浏览器和Node.js原生支持的标准化方案，需用type="module"启用，强制静态分析、支持tree-shaking；导出分命名导出（多个）和默认导出（一个），导入路径须带扩展名或相对/绝对前缀，循环依赖返回已初始化对象而非执行结果。
-
使用Object.assign()和展开运算符可合并对象，前者适用于老环境且支持动态传参，后者语法更简洁现代；两者均为浅合并，嵌套对象会整体替换而非递归合并，需用Lodash等库实现深合并。
-
Vuetify的hidden-sm-and-down类会在屏幕宽度≤960px（即sm断点及更小）时隐藏元素，导致按钮图标在中等及以下尺寸设备上不可见；应改用hidden-xs-only或响应式条件渲染来精准控制显示逻辑。
-
在HTML中，标记必填表单字段最直接的方式是使用required属性。1.通过在<input>、<textarea>、<select>等输入元素上添加required布尔属性，浏览器会在提交时自动验证这些字段是否填写；2.若未填写，浏览器会阻止提交并显示默认提示信息；3.此方法提升用户体验和数据完整性，避免用户因遗漏必填项而反复提交；4.然而，required仅提供客户端验证，不能替代服务器端验证；5.可结合JavaScript自定义错误提示，如使用setCustomV
-
本文介绍使用DocumentFragment和insertAdjacentHTML在不插入冗余容器元素的前提下，向现有<ul>动态追加多个<li>节点的两种专业方案。
-
padding在行内元素上并非无效，而是垂直方向被行高和行框限制，水平方向仍可见；常用display:inline-block解决，兼顾文档流与完整padding生效。
-
for循环在大多数场景下比forEach快2–5倍，尤其数组长度超1000时更明显；因forEach每次迭代创建新函数作用域、隐式调用回调且无法用break中断，而for是原生指令级控制。
-
map、filter、reduce的核心区别在于结果类型：map生成等长新数组，filter返回子集数组，reduce得到单个聚合值；正确选择取决于最终需要的数据形态。
-
align-items控制网格项在单元格内的垂直对齐，如center居中、stretch拉伸；align-content管理多行轨道间的整体分布，如space-between两端对齐、center居中排列；两者结合可实现精确布局控制。
-
CSS动画播放速度由animation-duration直接控制，值越小越快；JavaScript可通过element.style.animationDuration动态修改实现运行中变速，但仅限内联样式且不支持IE；WebAnimationsAPI的playbackRate支持真倍速但仅适用于JS创建的动画。
-
实现符合PromiseA+规范的Promise库需正确处理状态机、异步解析与then链式调用，核心包括：1.定义pending、fulfilled、rejected三种不可逆状态；2.构造函数中通过resolve/reject控制状态变更并维护回调队列；3.then方法返回新Promise，确保异步执行与错误捕获；4.实现resolvePromise函数处理返回值x，递归解析thenable对象并防止循环引用。严格遵循规范可确保兼容性，建议使用promises-aplus-tests验证。
-
原型链是属性查找时的向上委托机制：先查对象自身，再沿__proto__逐级向上，直至null；构造函数的prototype指定实例原型，__proto__指向其原型；继承即让子类prototype链接父类原型。
-
表单元素错位主因是float脱离文档流与表单默认行为叠加；解决需控制对齐、清除浮动、统一基线；推荐用inline-block或flexbox替代float，兼顾兼容性与可维护性。
