-
position:absolute易使登录框“飘”出视口，因其默认相对于最近非static祖先定位；若父容器未设position:relative，则回退至视口定位，且top:50%;left:50%仅锚定左上角，不加transform:translate(-50%,-50%)会导致偏移。
-
prefers-reduced-motion仅响应用户主动开启的“减少动画”偏好，与设备刷新率、GPU性能等硬件能力无关；它不感知高刷屏，也不能触发帧率适配，W3C明确将其归为用户偏好而非性能信号。
-
JavaScript中的微任务队列没有明确的长度限制，它是一个动态增长的FIFO队列，与当前宏任务的生命周期绑定；1.微任务队列在规范层面无固定上限，理论上可无限增长；2.微任务优先级高于宏任务，在当前宏任务执行后立即清空微任务队列；3.若微任务无限生成，会持续占用主线程，导致页面冻结、宏任务无法执行；4.常见微任务包括Promise回调、MutationObserver、queueMicrotask()；5.避免微任务过度膨胀的方法包括避免递归创建微任务、分解大型任务、使用setTimeout调度、利用
-
requestAnimationFrame与CSS变换各有优势：rAF提供精准控制，适合复杂交互和动态计算；CSS变换依赖硬件加速，适用于声明式、高性能的简单动效。实际开发中应根据动画复杂度、交互需求及性能要求选择，常结合使用以兼顾灵活性与流畅性。
-
dns-prefetch是浏览器原生支持的轻量级优化，仅提前解析指定域名DNS，需用双斜杠协议写法、置于head靠前位置，优先关键第三方域名，不保证执行。
-
list-style用于设置列表标记样式，可简写定义type、image和position；如list-style:squareinsideurl('dot.png')，常用于美化ul/ol列表并清除默认样式。
-
应优先使用margin-inline而非margin-left/margin-right，当边距沿文本流方向（如按钮组、表单控件水平间距）且需自动适配LTR/RTL时；margin-block则用于块轴，其起始端由writing-mode决定而非direction，降级需用@supports+dirfallback。
-
V8仅内联无副作用、控制流可预测且AST平坦的小型纯函数；add因无闭包、无动态绑定等被内联，而computeWithSideEffect含try/catch致控制流不可推导，故不内联。
-
ToPrimitive转换路径由hint驱动：先返回原始值则终止；否则优先调用Symbol.toPrimitive；若无或返回非原始值，则按hint顺序尝试valueOf/toString（Date的"default"例外走字符串路径）。
-
BEM规范下筛选器需严格遵循块-元素-修饰符边界：filter为语义化独立块名，tag与clear为同级元素，禁止三级嵌套；状态修饰符须单一职责，交互控件需无障碍支持。
-
研究人员利用Reddit的r/place在线画图游戏，通过可解释机器学习框架预测人类集体行为中的临界转变，借助其公开、高分辨率数据识别布局崩坏式“真断点”，揭示系统崩溃前兆。
-
用mediaquery覆盖position值是最直接有效的方式，需显式重置position类型（如absolute→relative），避免仅改top/left；慎用百分比定位，优先结合transform或vh/vw；sticky需满足触发条件并考虑兼容性；容器查询适用于组件级响应式定位。
-
闭包捕获组件ID实现局部单例监听机制：通过工厂函数创建绑定ID的监听器，委托事件+ID过滤，内聚处理逻辑，支持手动destroy销毁，统一校验ID响应原生与自定义事件。
-
前端用BigInt实现雪花算法ID完全可行，因其能精确表示64位整数，避免Number精度丢失；可安全解析、比较、排序ID，但生成仅限测试/离线场景。
-
HTML不应长期缓存，应设no-cache或max-age=0,must-revalidate；静态资源需用哈希命名+public,max-age=31536000；meta标签无效，必须通过HTTP响应头配置。
