-
Number.isFinite()是校验有限数字的可靠方法，严格要求输入为number类型且非NaN、非Infinity，不进行隐式转换，适合过滤API中混杂的字符串、null等不可信数据。
-
零基础HTML配色应依赖工具或算法而非手动选色，推荐用Coolors等在线工具导出CSS变量，再通过var()调用；动态场景优先使用chroma.js处理色彩计算与对比度校验。
-
bottom:0只对position为absolute、fixed或sticky的元素生效，且依赖最近已定位祖先（如position:relative）作为参考系；若无，则锚定视口底部。
-
负向先行断言(?!pattern)仅判断当前位置后不紧接指定模式，不匹配字符；常见错误是未锚定位置，正确用法需结合^、$、\b等边界确保否定范围准确。
-
CSScolumn-count是当前兼容性最好、代码最少的纯CSS瀑布流方案，需配合break-inside:avoid防止子项截断，并预设图片宽高比防抖动。
-
通过容器包裹实现横向滚动，设置overflow-x:auto与max-width:100%防止布局溢出，结合-webkit-overflow-scrolling:touch提升iOS流畅度；利用::-webkit-scrollbar自定义滚动条样式，增强视觉美观；移动端可采用卡片布局切换与手势优化，辅以可访问性提示，确保响应式表格在各设备上兼具功能与体验。
-
rebeccapurple是CSS中唯一以真实人物命名的颜色，致敬EricMeyer之女Rebecca，无技术优势但具人文意义；色值固定为#663399，IE8及更早版本静默忽略，需谨慎评估兼容性与设计必要性。
-
lang属性必须精准标注各语言片段，根标签设置不能替代局部声明；需严格遵循BCP47标准，错误值导致语音、翻译、字体、CSS等多方面失效。
-
classList切换类最稳妥，避免className全量赋值；CSS变量配合setProperty实现主题切换；getComputedStyle读计算样式但有陷阱；动画优先用transform+CSS过渡而非JS改left/top。
-
HTML压缩对传输效率提升有限，仅当服务器未启用Gzip/Brotli时才有效；真正起效的是Content-Encoding:br或gzip响应头，而非本地删减空格注释。
-
SVG图标按钮点击区域“缩水”主因是flex收缩、父容器塌陷或事件委托链中断，而非SVG自身变小；需设flex-shrink:0、min-width、正确viewBox与宽高、避免display:contents、用data属性增强closest定位。
-
ESM默认导出在CommonJS中需通过default属性访问；2.ESM命名导出在require中不可直接使用；3.CommonJS模块被ESMimport时作为default导入；4.循环依赖在两者间行为不一致，易引发运行时错误。
-
结构化数据必须用BreadcrumbList类型，itemListElement数组需含position从1开始的ListItem，item必须为带@id（绝对URL）或name的对象，JSON-LD需服务端注入且与HTML结构严格一致，当前页用aria-current="page"且不可链接。
-
text-overflow:ellipsis仅对块级元素生效，需同时满足display为block/inline-block、white-space:nowrap、overflow:hidden且设置宽度；hover展开完整文本只能靠title属性或JS实现。
-
按钮缩放无反应或异常，主因是user-select/pointer-events禁用、iOSSafari的300ms延迟、transform-origin未显式声明及transition未限定为transform/opacity。
