-
常见错误是直接传对象属性作param，因上下文不同导致取值时机、响应式、序列化行为差异；HTTP中需防undefined、时间格式、类型转换问题；组件中易引发冗余rerender或更新丢失；后端须做显式类型转换和空值归一化。
-
includes比多个||更可靠，因其严格相等、支持NaN、逻辑集中；改写为constvalidColors=['red','blue','green'];if(validColors.includes(x)){...}；注意字符串和类数组需分别处理，大数组高频查询建议用Set。
-
BigInt字面量必须以小写n结尾，仅支持十进制、0b二进制、0o八进制、0x十六进制整数形式；不支持小数点、科学计数法、大写N或前导零（严格模式）；与Number不能自动混合运算，需显式转换，且JSON不原生支持。
-
iframe的sandbox属性默认禁用脚本，仅allow-scripts可解禁；空sandbox全禁用，动态设置无效；allow-scripts不恢复内联事件处理器；allow-same-origin与之组合需极度谨慎，易导致XSS。
-
必须显式设置display:grid，否则所有网格属性无效；fr按剩余空间分配但受min-content限制；grid-area需严格匹配grid-template-areas定义；IE11需独立兼容方案。
-
flex-basis设固定值会导致侧边栏不缩放，因强行固定空间而忽略弹性；应改用flex:01240px并确保子元素无min-width等限制，配合媒体查询实现小屏折叠与主内容区占满剩余空间。
-
使用:focus伪类可实现输入框聚焦时的视觉反馈，如改变边框颜色、添加阴影，并通过transition使效果更平滑；还可针对不同输入类型设置差异化样式，结合:focus-within让关联label同步响应，提升表单可用性。
-
clear:both失效的根本原因是浮动元素与clear元素不在同一BFC中；它仅使当前元素border-top避开同BFC内前序浮动元素的外边缘，若被不同BFC隔离或脱离文档流则完全失效。
-
:hover不生效主因是权重不足、被覆盖、元素不可交互或伪类顺序错误；需确保元素有cursor:pointer、:hover写在常规样式后、遵循LVHA顺序，并避免在移动端单独依赖。
-
flex-grow为0时子元素不参与剩余空间分配，宽度由内容或width决定；flex-shrink为1时小屏下会压缩导致换行或截断；flex-basis优先级高于width，影响初始主轴尺寸；gap兼容性影响均等布局。
-
aspect-ratio是现代CSS唯一原生支持容器按比例预留空间的属性，作用于容器本身，配合width或max-width即可稳定占位、避免布局抖动，无需JS、图片加载或伪元素hack。
-
在Electron多窗口场景下，使用Mousetrap绑定全局快捷键（如ESC）时，若未正确限定作用域，会导致所有窗口同时响应并关闭；本文提供基于窗口焦点的IPC通信方案，确保仅关闭当前聚焦窗口。
-
BigInt内存开销不固定，取决于数值大小和引擎实现；Float64固定8字节、对齐可预测。高算力场景需关注分配、对齐、缓存与传输，而非单值字节数。
-
导航栏小屏不折叠的三大主因是：navbar-expand-断点类误用、data-bs-toggle/target属性拼写错误、BootstrapJS未正确加载；需核对断点值、严格匹配属性名与ID、确保bootstrap.bundle.min.js在闭合body前加载。
-
HTML结构化数据是富媒体摘要的必要条件而非充分条件，需使用谷歌支持的类型、满足强制字段、采用JSON-LD格式，并确保内容与正文一致，否则即使验证通过也不会触发富媒体摘要。
