-
答案：通过引入Animate.css并结合JavaScript为按钮添加悬停动画，鼠标进入时动态添加如animate__bounce等动画类，动画结束移除类，实现流畅单次动画效果，推荐此法而非纯CSS无限循环。
-
JavaScript单元测试关键是选Vitest（新项目/Vite）或Jest（旧大型项目），注意文件命名、异步处理、mock隔离及CI环境配置。
-
实现夜间模式需统一颜色主题与合理对比度，使用CSS自定义属性定义亮暗色值，通过JavaScript切换.dark-mode类控制主题，结合prefers-color-scheme适配系统偏好，并避免纯黑纯白以提升可读性。
-
Chrome不播放video标签的主因是静音自动播放被拦截、跨域资源被拒、编码格式不支持或缺少必要属性；需同时设autoplay和muted才能自动播放，且推荐用H.264编码、本地HTTP服务及用户手势触发play()。
-
WebAudioAPI的play()不支持混音，必须用AudioContext搭建路由，通过GainNode等节点处理信号；HTMLMediaElement仅适合单轨播放，AudioBufferSourceNode才是混音基础。
-
可通过快捷键保存文件后手动双击打开预览；2.配置BuildSystem实现Ctrl+B运行；3.安装ViewinBrowser插件右键预览；4.设置F12快捷键快速打开浏览器预览。
-
PerformanceAPI通过高精度计时帮助识别性能瓶颈：使用performance.now()可精确测量代码执行时间，相比Date.now()不受系统时间调整影响，精度更高；利用performance.mark()和measure()能结构化标记任务阶段，便于在DevTools中可视化分析各阶段耗时；结合上下文、异常值、统计分析及调用频率，可定位慢函数或“热路径”；适用于复杂计算、DOM操作、用户交互响应、资源处理及第三方脚本影响等前端性能优化场景，为持续优化提供数据支撑。
-
flex-wrap用于控制弹性子元素是否换行及换行方式，其值为nowrap（不换行）、wrap（向下换行）和wrap-reverse（向上换行），常配合flex-direction实现多行或多列布局，适用于响应式卡片、图片墙等场景；通过设置容器display:flex与flex-wrap:wrap，子项可自动换行排列，结合gap、justify-content和align-content等属性可优化间距与对齐，提升布局灵活性与可维护性。
-
表单提交字段顺序由HTMLDOM节点顺序决定，而非name属性顺序；disabled控件被跳过；FormData的append顺序可控，但newFormData(form)仍按DOM顺序；后端解析器可能不保序，需抓包验证原始请求。
-
要学，但仅限于文字环绕图片、旧项目维护、邮件模板等特定场景；现代布局应优先使用flex或grid，因其更健壮、易维护且无文档流问题。
-
ES6是JavaScript第6版标准（ECMAScript2015），补齐语法、对象模型与异步能力；let/const提供块级作用域与赋值约束；箭头函数简化this但无自身this/arguments；解构与模板字符串提升可读性；Promise与async/await解决回调地狱。
-
CSShake需手动添加shake类名才能触发抖动动画，常见错误是仅引入CSS文件却未在HTML中绑定对应class。
-
JavaScript地理位置API需用户授权，通过navigator.geolocation提供getCurrentPosition()和watchPosition()等方法获取经纬度等信息，仅支持HTTPS或localhost环境。
-
HTML的video标签不支持RTSP协议，因浏览器已移除对RTSP/RTP的原生支持，必须通过服务端转流为HLS或WebRTC才能播放。
-
使用Flexbox的gap属性替代margin可有效控制按钮组间距，避免首尾多余空白。通过设置display:flex和gap值，如8px，实现按钮间均匀间隔。结合justify-content属性（如flex-start、center、flex-end、space-between）可灵活对齐按钮组，同时保持间距一致。响应式设计中，可用媒体查询调整gap值，适配不同屏幕尺寸。该方法比传统margin更简洁易维护，推荐优先使用。
