-
圆角动画回退突兀的本质是border-radius过渡未被正确触发或中断，需用@keyframes配合animation-direction:reverse和animation-fill-mode:forwards实现可控双向动画，统一单位、禁用auto/inherit，并推荐element.animate()API精确控制。
-
JavaScript正则高效核心是减少回溯、避免贪婪陷阱、利用字面量缓存与预编译；引擎用回溯NFA，复杂嵌套量词易致灾难性回溯；应优先字面量、慎用贪婪、拆分校验、简化模式。
-
SVG的<rect>元素在应用filter属性后，其rx/ry圆角会失效——这是因为滤镜作用于整个绘制区域（包括透明背景），导致抗锯齿和裁剪逻辑绕过原始圆角路径。本文提供兼容滤镜与圆角的可靠方案。
-
最直接有效的方式是覆盖ul/ol的padding-left；margin-left加在li上可能破坏嵌套对齐；需注意RTL、响应式、CSS重置及Flex布局下的适配问题。
-
原型和类本质相同，class是函数+原型链的语法糖，所有行为均基于[[Prototype]]链；继承、this绑定、属性初始化等陷阱均源于对原型机制理解不足。
-
HTML5audio标签需用户交互后才能播放，通过click等事件触发play()并捕获Promise拒绝；preload="auto"预加载、currentTime=0重播、muted=true绕静音限制；iOS需空play()唤醒音频上下文。
-
JavaScript继承推荐用class语法（ES6+），本质是原型链的语法糖；也可手动操作prototype和Object.setPrototypeOf；需注意super()调用、constructor修复、组合继承冗余等问题。
-
video标签是HTML5原生语义化视频标签，不依赖Flash；需用source提供多格式、preload控制预加载、playsinline适配iOS全屏限制；autoplay必须配合muted才生效，且受浏览器策略和服务器MIME类型配置严格约束。
-
<p>HTML5不支持用<!---->记录错误日志，该注释仅静态存在、浏览器忽略、服务端不可见、JS无法读取，真需错误记录应使用console.error()配合监控SDK或事件监听上报。</p>
-
当在<router-link>上同时使用data-bs-toggle和data-bs-target时，Bootstrap的默认事件拦截会阻止VueRouter的导航行为，导致链接不可点击；本文提供兼容性修复方案，通过程序化控制Collapse实现路由跳转与导航栏收起的协同。
-
JavaScript模块化是解决全局污染、依赖混乱和构建不可控的核心机制；ES6模块静态且浏览器原生支持，CommonJS动态且Node.js默认使用，二者不兼容，需工具链转换或适配层实现互操作。
-
BroadcastChannelAPI是浏览器提供的同源跨标签页通信方案，通过创建命名频道实现消息广播；支持postMessage发送消息和onmessage或addEventListener接收消息，适用于登录状态同步、数据共享等场景；需注意仅同源通信、不保证消息顺序与送达、需手动关闭通道，且IE不支持、老版Safari有限兼容。
-
最轻量可靠的HTML5新标签检测是用document.createElement创建标签并验证DOM行为；localStorage需try-catch读写测试；Modernizr适合多特性场景但需定制构建；doctype声明不等于功能支持。
-
应优先用<link>而非@import加载CSS，因其并行加载、尽早解析，避免FOUC和布局抖动；关键样式内联，非关键样式异步加载；合理使用media属性条件加载，并配合font-display:swap与字体预加载优化移动端体验。
-
HTML跳转本质依赖浏览器行为，最安全方式是语义化<a>标签；程序控制需用JavaScript（如location.href、replace）或HTTP响应头；SPA中应使用框架路由而非原生跳转。
