-
:first-child不生效是因为目标元素非父容器首个子元素；应改用:nth-of-type(1)或:nth-child(1ofli)；图标对齐需统一line-height并用transform微调；动态内容需配合class控制。
-
mark是唯一传达“上下文相关高亮”语义的元素，仅适用于搜索关键词、文档引用术语、代码示例修改部分三类场景；误用会导致语义丢失、可读性下降或XSS风险。
-
Chrome打印预览中页眉页脚开关在Ctrl+P/Cmd+P打开的打印面板右下角“更多设置”内，需取消勾选“页眉和页脚”复选框；@page仅支持页边距设置，:first伪类不可嵌套样式；position:fixed页眉页脚在PDF中仅首屏渲染；页码必须用class="pageNumber"和"totalPages"，否则不生效。
-
Promise是代表异步操作状态流转的状态机，仅有pending→fulfilled/rejected三种不可逆状态；async/await是其语法糖，通过自动返回Promise并注册微任务实现“暂停”假象，二者应按职责分工使用。
-
HTML5原生不支持RTSP，需服务端转协议（如WebRTC/HLS）；弹幕仅WebRTC+时间戳同步+DOM渲染可行，误差容忍±300ms，其他方案均为demo级妥协。
-
FIMOHTML报告中的圆角值仅为前端CSS装饰，不可提取且不关联分析数据；应使用TSV/BED输出结合seqlogo或D3.js等工具自定义绘图。
-
URLSearchParams是浏览器原生处理URL查询参数的接口，支持多种初始化方式、自动编解码、增删改查及多值操作。
-
卡片式布局关键在CSS容器划分与视觉隔离，首选CSSGrid实现响应式网格，用grid-template-columns:repeat(auto-fill,minmax(280px,1fr))和gap统一间距，避免float或inline-block导致的错位与间隙问题。
-
图片未铺满全屏的根本原因是元素自身未占满视口，需确保目标元素（如html、body或容器）设height:100vh且margin:0，同时注意层叠上下文与移动端渲染差异。
-
linkrel="preload"可提前下载CSS而不阻塞渲染，但需加as="style"并用onload切换rel="stylesheet"才能生效；非关键CSS应改用prefetch或动态加载。
-
lessc默认编译慢是因为默认开启源码映射、严格语法检查及每次重复解析全部@import依赖树；watch卡住因监听粒度粗，递归扫描含node_modules的无关文件；输出冗余因未压缩、不合并选择器；API调用比命令行更可控但需手动缓存。
-
nth-child选择器按元素在父容器中的位置应用样式，常用于实现表格或列表的奇偶行交替样式。其语法为:nth-child(an+b)，odd和even是常用简写，分别对应2n+1和2n。例如tabletr:nth-child(odd)设置奇数行背景色，ulli:nth-child(even)设置偶数项样式，实现斑马条纹提升可读性。需注意nth-child基于所有子元素计数，不区分标签类型，若需按特定标签排序应使用nth-of-type。
-
用<inputtype="text">配合<datalist>可实现颜色值下拉提示，需确保list属性与datalist的id一致，<option>的value填合法CSS颜色值，文本内容仅作显示参考。
-
JavaScript在浏览器中经解析、编译、执行三阶段运行：先词法分析生成AST并检查语法；再由Ignition转字节码、TurboFan优化热点函数为机器码；最后通过调用栈、堆内存和事件循环协同执行，微任务优先于宏任务。
-
Flex容器的display:flex必须显式设置，否则flex-direction等属性无效很多人以为只要写了flex-direction:column，父元素就会自动变成Flex上下文——其实不会。浏览器只认display:flex（或display:inline-flex）这一句“入场券”。漏掉它，后面所有justify-content、align-items都只是被忽略的废代码。实操建议：始终把display:flex放在Flex容器的第一条声明里，别依赖继承或重置用displ
