-
应优先用if而非switch：当需判断数字范围（如age≥18）、处理动态/连续值、使用任意布尔表达式或复杂逻辑时；switch仅适用于多个固定值的精确匹配。
-
前端JavaScript错误追踪需建立闭环机制，首先通过window.onerror捕获运行时错误，获取错误信息、文件、行列号等数据，注意跨域脚本需配置crossorigin和CORS；其次利用window.onunhandledrejection监听未捕获的Promise异常，统一包装拒绝原因并上报；为还原现场，应采集堆栈信息、sourcemap反查源码位置，并附加浏览器、操作系统、URL、网络状态及操作历史等上下文，同时脱敏敏感信息；上报策略采用批量异步、设置采样率、优先级分级，结合本地缓存实现离线补
-
推荐使用scale(0.8)作为缩放动画起始值，避免scale(0)导致不可见或交互失效；关键帧中禁用transform:none；需结合JS控制触发时机，并设置animation-fill-mode:forwards防回退。
-
JavaScript用数组可高效模拟栈（LIFO，push/pop）和队列（FIFO，push/shift），但shift性能较差；可封装成Stack/Queue类提升语义化与复用性。
-
:focus-within失效的常见原因包括子元素不可聚焦、pointer-events:none阻断事件、click中preventDefault/stopPropagation干扰焦点、纯CSS无法区分聚焦目标、iOSSafari兼容性问题。
-
纯CSS实现响应式表格最稳妥的方式是用overflow-x:auto容器包裹table并设display:block，配合table-layout:fixed和百分比列宽；小屏时建议改用display:block模拟表格结构。
-
HTML5跨系统兼容问题源于路径、换行、编码等细节：需用UTF-8无BOM编码并声明<metacharset="UTF-8">，路径统一用正斜杠/，Git配置eol=lf确保换行符为LF。
-
动画失效的首要原因是animation-name与@keyframes名称不匹配，哪怕一个空格、大小写或连字符错误（如slide-in与slide_in），浏览器均静默跳过且不报错。
-
Symbol.species用于指定派生对象的构造函数，控制继承方法返回的实例类型。通过在子类中定义staticget[Symbol.species]()，可决定如map、slice等方法返回父类或子类实例，常用于Array、Promise等内置对象的子类定制，确保返回类型符合预期，提升继承行为的可控性与性能。
-
答案：实现网页视频直播需结合HTML5Video与MSE支持HLS/DASH流播放，通过OBS推流至Nginx-rtmp或SRS服务器，经CDN分发；低延迟场景采用WebRTC配合Mediasoup等SFU服务，前端用hls.js或WebRTCAPI集成，后端保障HTTPS、防盗链与自适应码率，确保跨设备兼容与稳定传输。
-
绝对定位元素常导致父元素高度塌陷，因其脱离文档流使父元素无法感知其尺寸，仅依赖其他非定位子元素计算高度，故父容器可能退化为0。
-
使用语义化标签结合Flex布局可提升可访问性与代码清晰度，如用<nav>、<header>、<article>等明确内容角色，Flex仅负责视觉排列，实现结构与样式的分离。
-
使用浏览器直接打开HTML文件可快速预览，通过文本编辑器配合LiveServer实现实时刷新，利用终端启动Python本地服务器适合复杂项目测试，启用Safari开发者模式便于调试与分析网页元素。
-
HTML5DragAPI通过draggable="true"和dragstart等事件实现原生拖放，需阻止dragover默认行为以启用drop，支持多数据类型及自定义视觉反馈。
-
单例和工厂模式非必须，而是为解决特定问题；真正单例需控制构造过程，如用staticinstance加构造器检查；简单工厂更常用，工厂方法适合需子类扩展的场景；二者合理共用如日志系统，误用则增加复杂度。
