-
coords属性单位仅为像素，需按图像原始尺寸设定，不支持CSS单位或负数；shape决定coords格式：rect为“x1,y1,x2,y2”，circle为“x,y,r”，poly为“x1,y1,x2,y2,...”；错位常因CSS缩放未换算坐标或usemap不匹配导致。
-
box-shadow本身不响应系统主题切换，需通过:root中定义带透明度的CSS变量，并在@media(prefers-color-scheme:dark)或[data-theme="dark"]中重设变量值来实现主题适配；关键在于只抽离颜色部分、使用rgba/hsla、提供fallback、避免整条阴影塞入变量。
-
background-clip:text不生效主因是未设color:transparent；仅WebKit内核原生支持，Firefox需加-webkit前缀及-webkit-text-fill-color:transparent；推荐分层封装SCSS混合宏，base处理透明与clip，上层组合渐变；禁用text-stroke与background-clip同用；iOS15.4前需JS特性检测降级。
-
position:absolute时margin不失效，但参考系变为定位上下文；relative定位下margin与top叠加易致布局“飘忽”；fixed元素用margin易引发溢出；flex/grid中应优先使用justify-content、gap等现代布局属性而非margin定位。
-
white-space:nowrap是最直接有效的禁止自动换行方式，但需配合width/max-width、display:block/inline-block、overflow:hidden及text-overflow:ellipsis才能实现完整截断效果，且在表格、contenteditable等场景需额外处理。
-
BigInt内存开销不固定，取决于数值大小和引擎实现；Float64固定8字节、对齐可预测。高算力场景需关注分配、对齐、缓存与传输，而非单值字节数。
-
referrerPolicy属性名必须严格小写，首字母小写、P大写、其余小写；拼写错误（如referrerpolicy）会被浏览器忽略，退化为默认策略；fetch的referrerPolicy选项同理，且服务端Referrer-Policy响应头优先级更高。
-
发布订阅模式通过事件总线实现组件间解耦，核心是发布者与订阅者不直接通信，而是通过中心化的调度器传递消息，提升代码模块化与可维护性。
-
通过CSS设置透明度实现HTML页面水印，主要采用背景水印或绝对定位水印；前者利用background-image与opacity属性平铺背景，后者通过position、transform和opacity控制水印位置与透明度，兼顾标识性与内容可读性。
-
HTML无原生“长投影”，需用text-shadow多层叠加（如2px2px0#999,4px4px0#999）或::after伪元素+transform模拟；前者锐利但僵化，后者灵活却需同步data-text且不兼容换行与打印。
-
不能，HTML的required、pattern等属性仅触发浏览器前端校验，服务端校验必须由后端代码独立实现，且需通过JSONSchema等方式同步规则，配合composition事件处理中文输入，并用JS动态注入错误提示。
-
使用qrcode.js一行生成二维码，需确保脚本在</body>前加载或包裹在DOMContentLoaded中，设置width≥200、margin≥20px、correctLevel为M级，canvas导出需适配devicePixelRatio并手动绘制logo。
-
CSS选择器优先级是由specificity权重系统决定的，而非声明顺序；其计分规则为ID（100）、类/属性/伪类（10）、标签/伪元素（1）三部分构成，!important不参与计算但会强制覆盖。
-
应使用div+CSS（Flex/Grid）替代table布局，规范导航栏、图库、国旗SVG、表单本地存储及中文字体fallback。
-
scroll-snap-type不生效最常见的原因是父容器未形成可滚动上下文：既无内容溢出，也未显式设置overflow（如overflow-y:auto）和确定的视口尺寸（如height:100vh），仅靠min-height或内容撑开无效；同时需确保scroll-snap-align与滚动方向、子元素盒模型及scroll-padding等严格匹配，否则吸附失败。
