-
模板字面量（``）是标签模板的必要前提，因其能将静态字符串片段与动态插值参数分离传递给标签函数，而普通引号字符串无法提供该结构。
-
JavaScript事件循环是单线程通过调用栈、宏任务队列和微任务队列协作实现异步非阻塞的核心机制；同步代码入栈执行，异步回调由WebAPI处理后按宏/微任务优先级进入对应队列，每轮先清空微任务再取一个宏任务。
-
Chrome70+默认拦截无用户交互的音频自动播放，需在click等事件中调用play()；.mp3兼容性优于.wav；静音或volume=0、iOS异步调用、iframe未授权等均会导致无声；复杂场景推荐Howler.js。
-
JavaScript执行上下文是代码运行的环境容器，含词法环境、变量环境和this绑定；分全局、函数、eval三类，按栈结构管理，经历创建与执行两阶段。
-
HTML5video触发画中画需满足：视频正在播放且由用户手势同步调用requestPictureInPicture()；移动端须加playsinline属性，跨域资源需CORS支持，禁用disablePictureInPicture，并监听enterpictureinpicture/leavepictureinpicture事件。
-
按钮实现弹性拉伸需协同transition中的transform与border-radius：基础设固定px圆角（如12px），hover时同步缩放并增大圆角（如16px），配以cubic-bezier弹性缓动；文字防溢出用white-space:nowrap+min-width；伪元素阴影需移transform至其自身并设z-index:-1。
-
HTML标签未闭合或嵌套错位会导致浏览器自动纠错，使DOM结构与源码不一致，引发布局错乱、样式失效、JS获取元素失败；应通过开发者工具Elements面板查看真实DOM、编辑器插件辅助、W3C校验器验证来排查修正。
-
最简纯CSS折叠菜单方案是用隐藏的checkbox配合:checked伪类控制导航栏显隐，关键在于正确结构（input与menu同级）、选择器匹配（+或~）、max-height过渡及可访问性优化。
-
本文详解如何使用CSSFlexbox将搜索栏稳定、可靠地对齐至页面头部右上角，解决因嵌套结构不当导致的布局错位问题，并兼顾响应式适配与可维护性。
-
HTML5原生details/summary元素可实现语义化、无障碍手风琴菜单，无需JS即可支持展开/收起、键盘导航与屏幕阅读器识别；现代浏览器均兼容，通过CSS重置样式并添加动画可提升体验，多开需求需JS配合ARIA属性实现。
-
接口在TypeScript中用于定义对象的形状、实现类型检查和代码复用。与类型别名的区别在于：1.声明方式不同，接口用interface，类型别名用type；2.扩展能力不同，接口用extends继承，类型别名用交叉类型&；3.声明合并不同，接口可合并，类型别名不可重复声明。接口还可定义函数类型，如StringProcessor接口规范函数签名。在面向对象编程中，接口可定义类的行为规范，如Animal接口实现多态。接口也可与泛型结合，如Container<T>定义通用容器。
-
根本原因是语音识别引擎未获取带语言模型的音频流；getUserMedia()仅采集原始PCM，SpeechRecognition才负责识别，但默认使用美式英语模型且对信噪比敏感。
-
原生拖拽需在dragstart中调用dataTransfer.setData()，否则后续事件失效；dragover必须preventDefault()且目标元素需可接收；drop时getData类型须与setData严格匹配；移动端不支持该API。
-
color-contrast()仅Chrome111+支持，Firefox/Safari完全不识别；需用lab()/lch()输入以确保计算准确，且函数仅返回对比度值，不自动判断WCAG合规性或fallback。
-
Atom本身不运行HTML，它只是文本编辑器；真正“运行”需通过浏览器打开（如拖入Chrome）、起本地服务器（如atom-live-server或python-mhttp.server），否则file://协议会导致CORS、路径解析等错误。
