-
fixed定位失效的根本原因是父容器使用transform、perspective或filter创建新层叠上下文，使fixed脱离视口参考系；z-index失效源于层叠上下文断层；iOS安全区需用env(safe-area-inset-bottom)适配；性能问题需优化will-change和pointer-events。
-
用padding-top:56.25%+position:relative/absolute实现16:9容器，确保video有明确宽高后object-fit:cover才生效；aspect-ratio更简洁但iOS15.3及更早不支持，需降级。
-
<p>JavaScript的Number类型基于IEEE754双精度浮点格式（64位，1-11-52结构），可精确表示绝对值≤2⁵³−1的整数；±0、±Infinity和NaN由特定比特模式定义；小数运算存在精度误差，比较时应使用Math.abs(a-b)<EPSILON。</p>
-
Chrome和Firefox的:hover不一致源于伪类触发时机与继承规则差异；IE11的!important按声明顺序处理；z-index受层叠上下文限制；data-theme失效多因优先级或继承链断裂。
-
可选链仅防null/undefined访问错误，不防运行时异常；?.()返回Promise|undefined，需显式处理；应结合??提供默认值，并用isReady等状态标识确保SDK已初始化。
-
toString在对象转字符串时被优先调用，如字符串拼接、alert、console.log、String()；valueOf在需原始值时被优先调用，如数学运算、比较、Number()；引擎按规范顺序尝试二者，重写需确保返回符合类型要求的值。
-
<selectmultiple>提交时以同名参数传递所有选中value，JS需用selectedOptions读取；checkbox批量操作须每次动态获取元素并重算状态，避免缓存NodeList或漏掉新增项。
-
纯CSS无法实现真正虚拟滚动，因其不能感知滚动位置、计算可视索引或动态更新渲染；核心逻辑必须由JS完成，CSS仅负责高效位移（如transform）与视觉优化。
-
CMS被淘汰而G1成为分水岭，因其并发标记无法处理浮动垃圾且易退化为SerialGC；G1通过Region划分与RememberedSet实现标记与回收解耦，采用“并发标记+并行复制”模式。
-
使用grid-auto-rows和minmax()可统一CSS网格行高，避免错位。通过grid-auto-rows设置固定行高或结合minmax()定义最小高度与自适应扩展，实现内容适配与视觉整齐；再配合grid-template-rows可对前几行单独设定，其余行按规则自动生成，提升布局灵活性与一致性。
-
Blob是JavaScript中处理二进制数据的对象，支持通过流式读取分块处理大文件，结合TransformStream可实现高效转换，适用于上传、预览、音视频处理等场景。
-
background-clip:text仅按字体字形轮廓裁剪，无法实现SVG路径或clip-path级别的自定义不规则形状；所有“不规则”效果均依赖字体本身的glyph设计，如手写体、断笔字或OpenType特性，而非CSS可额外定义的几何路径。
-
display:none使width/height完全失效，元素从渲染树移除，尺寸不可读取；inline元素默认忽略宽高；flex/grid容器对齐方式会压制子项尺寸；box-sizing变更影响宽高计算基准。
-
首屏白屏时间长通常不是HTML文件本身加载慢，而是其触发的阻塞行为所致，如未优化的script、无尺寸图片、同步CSS或服务端响应慢。
-
Blob本身不提升性能，但能绕过传统文件处理瓶颈：避免全量加载内存、跳过服务器中转、支持流式操作；应分块读取、及时释放引用、优先用URL.createObjectURL预览，构造File需继承Blob，fetch后用blob.stream()实现无压力解析。
