-
相邻兄弟选择器（+）可实现无JS的元素联动，要求触发元素与目标元素同级且紧邻，通过:checked、:hover等状态控制后续元素样式，但无法反向选择或跨层级匹配。
-
闭包是函数式编程中实现声明式表达的核心机制，通过冻结依赖、支持纯函数、促进函数组合、封装只读局部状态，使函数兼具确定性与现实适应性。
-
JavaScript中字符串与Buffer转换需通过指定编码（如utf8、base64等）建立映射：字符串→Buffer用Buffer.from(str,encoding)，Buffer→字符串用buf.toString(encoding)，必须显式声明编码以防乱码或错误。
-
iOSSafari中mutedautoplay仍需用户手势才能可靠播放，因系统强制要求首次播放必须绑定真实用户交互事件，且play()须在事件回调中直接调用，不可延迟。
-
JavaScript函数参数均为按值传递：基本类型传值副本，修改不影响外部；引用类型传地址副本，可修改属性但不能改变外部变量指向。
-
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播放须由用户手势触发并处理加载状态。
