-
preserveAspectRatio不设置宽高比，而是控制viewBox内容在容器中的缩放与对齐方式；其值由align（如xMidYMid）和meetOrSlice（meet默认完整显示，slice填满裁切）组成。
-
正确使用标签需注意路径、target属性、锚点及SPA适配：相对路径以当前文件为起点，绝对路径以/开头；新开标签页须加rel="noopenernoreferrer"；锚点id需严格匹配且URL编码中文；SPA中优先用路由API。
-
writing-mode是切换文本流方向的布局机制而非视觉技巧；vertical-rl与vertical-lr区别在于竖排列序，需配合text-orientation、line-height、height等显式设置以避免错乱。
-
最常见的原因是页面未获焦点或监听绑定在非可聚焦元素上；需将监听挂载到document、为canvas设tabindex="0"并调用focus()，谨慎使用preventDefault()，移动端需监听resize/focusin并禁用缩放。
-
background-image不支持transition或animation平滑过渡，因非可动画化属性；可用opacity切换叠加层、background-position滚动、渐变色动画、伪元素分层等替代方案。
-
HTML中保留空格应优先使用CSS而非HTML实体；最常用的是 （不可换行空格），但多空格需重复书写，且语义上影响屏幕阅读器；其他如 、 兼容性差；对齐留白推荐用padding/margin，关键词间距宜用span加margin控制。
-
答案：通过background-image与background-clip:text结合-webkit-text-fill-color实现渐变文字。具体为设置线性渐变背景，用background-clip:text裁剪至文字区域，配合-webkit-text-fill-color:transparent使文字透明，从而显示背景渐变，需注意浏览器兼容性及回退方案。
-
本文详解在HTML中存在多个同名（name）或重复ID（不推荐）表单元素时，如何安全、高效地批量获取其值，重点介绍getElementsByName和querySelectorAll的正确用法及最佳实践。
-
AMP本身不是移动加速原因，而是Google提出的限制性HTML规范；实际效果取决于是否规范使用，如正确替换img标签、预加载JS、避免自定义字体阻塞、命中AMPCache等。
-
真正可用的多选应使用<div>+<inputtype="checkbox">模拟，而非依赖原生<selectmultiple>；若必须用原生，需加click事件聚焦修复iOS兼容性，并注意动态元素、disabled状态及indeterminate情况下的选中项获取。
-
Chrome自动翻译功能需五步启用：一、开启“提供网页翻译”开关；二、添加并设中文(简体)为默认语言；三、开启“询问是否翻译非您所用语言的网页”；四、添加英语并勾选“提供翻译此语言的网页”；五、清除Cookie及缓存重置语言识别。
-
最简可用audio标签需满足src、controls、路径可访问三条件，示例：<audiosrc="music.mp3"controlsautoplaymuted></audio>；多格式兼容应使用source标签提供mp3与ogg；JS播放须由用户手势触发并处理加载状态。
-
Array.prototype.findLast用于从后往前查找首个匹配项，其“最后”指数组位置最后而非时间或版本最大；若需语义化版本最高或复合条件筛选，则需配合filter、sort或reduce等方法实现。
-
Commander.js是Node.js中构建命令行工具的高效库，支持快速定义命令、参数、选项及子命令，并自动生成帮助信息。通过链式调用可轻松设置程序名称、版本和描述，如program.name('my-cli')；使用.command('hello')定义基础命令并绑定action执行逻辑。支持必选<name>与可选[type]参数，通过.option()添加选项并设默认值，如-t,--type[type]默认'app'，--force作为布尔标志。复杂工具可用.command()创建嵌套结
-
令牌桶限流必须阻塞等待而非立即返回Promise，核心是维护等待队列、原子获取令牌、独立定时补桶（固定增量、全局唯一可清理）、透传原函数Promise状态，并按key隔离桶实例且带TTL清理。
