-
HTML5播放卡顿与html5play函数名无关，根源在于媒体加载、解码、渲染链路及调用时机；需检查preload设置、用户手势触发、seek事件监听、服务端Range支持及硬件适配。
-
应优先使用功能检测而非解析userAgent，仅在必要时谨慎解析并交叉验证；Chrome/Edge/Firefox/Safari版本提取需按优先级顺序正则匹配，并结合navigator.vendor/product辅助验证。
-
float在小屏下不能仅靠mediaquery设为none，因其无天然回退机制，需同步清除浮动、重置父容器清除方式并处理兄弟元素的clear；推荐改用flex或grid布局替代。
-
什么是CSS颜色分层，不是简单写几个--color-primary颜色分层本质是把颜色按语义+使用场景切开，而不是按色值归类。比如--color-primary不能只代表“蓝色”，它得明确回答：这个蓝用在按钮上？还是标题文字？还是禁用态背景？同一色相在不同语境下亮度、对比度、透明度都该不同。很多人直接定义--blue-500然后到处用，结果在深色模式下文字看不见，或在按钮上和背景对比不足——问题不在变量名，而在没分层。必须拆开的三层：基础色、语义色、场景色基础色只存原始色值（如#2563eb），不
-
<p>最简两行Grid布局为display:grid;grid-template-rows:60px1fr;height:100vh;，Header固定60px，Main用1fr自适应并需overflow-y:auto防双滚动，IE11须改用calc(100vh-60px)。</p>
-
z-index无效通常因未设position或被父级层叠上下文隔离；需先确保position非static，再检查祖先元素是否触发新层叠上下文（如opacity<1、transform非none等）。
-
直接用.container类不会提升性能，它只是带固定宽度和居中的普通CSSclass，无优化语义；真正有效的性能控制属性是contain和content-visibility，但需满足显式尺寸等硬性条件才能生效。
-
在contenteditable元素中，childNodes可能跳过看似“独立”的文本（如<sub>后的H、O），因其实际属于相邻HTML节点的文本边界；直接遍历childNodes无法可靠捕获所有可视文本内容，推荐改用innerHTML安全重构DOM。
-
原型链是JavaScript中对象间隐式委托查找的规则，通过[[Prototype]]或__proto__向上逐层查找属性，直至null；它非数据结构，仅用于读取与调用，赋值始终作用于对象自身。
-
API是约定的通信规则；JavaScript用fetch或XMLHttpRequest调用WebAPI；fetch更现代简洁，需手动处理cookie、JSON解析、HTTP错误及URL参数，POST传JSON须设Content-Type并序列化body。
-
答案：可通过拖拽文件、右键菜单、地址栏输入路径、设置默认程序或开发者工具五种方法在谷歌浏览器中运行HTML文件。
-
Symbol.toStringTag是JavaScript中用于自定义Object.prototype.toString()返回值中“类型标签”的内置符号；通过设置该属性，可使对象返回如“[objectMyCustom]”的字符串，仅影响toString()输出，不改变实际类型。
-
V8的“逃逸分析”实为TurboFan的启发式优化，核心是判断能否省略分配或栈上试探分配；闭包变量必然堆分配，非闭包小对象才可能栈分配；真正影响性能的是GC压力而非分配位置。
-
虚拟滚动不处理搜索逻辑，卡顿源于过滤匹配策略；应预建轻量索引（如拼音/首字母）、防抖+增量匹配、搜索结果仅返回ID列表，渲染仍走虚拟滚动range机制，实现筛选与呈现解耦。
-
z-index和堆叠上下文共同决定CSS层叠顺序，定位元素的z-index值仅在所属堆叠上下文中生效，父级创建新堆叠上下文时子元素无法超越其层级，需通过开发者工具排查并合理管理z-index变量以解决遮挡问题。
