-
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特性检测降级。
-
let和const替代var是最值得立刻改写的改动，它们修正了var的变量提升、函数作用域模糊和重复声明等根本缺陷，强制块级作用域并消除静默bug。
-
align-items动画不平滑是因为它不触发GPU加速，每次变化都引发layout→paint→composite全流程；而transform（如translateY）可硬件加速，提升为独立图层，实现60fps平滑动画。
-
不能。WindiCSS构建时扫描源码提取静态class字符串生成CSS，需接入Vite等构建环境并配置include路径；动态class需注释或extract显式声明，且不支持@apply和运行时HTML分析。
-
前端埋点通过在交互节点插入代码采集用户行为数据，主要分为代码埋点、可视化埋点和无痕埋点三类；通过JavaScript监听事件并上报数据，常用sendBeacon确保数据送达，结合data-track属性实现自动采集，需注意性能优化、数据脱敏、字段规范及小流量验证，以保证准确性与可维护性。
-
Vue响应式核心是依赖追踪与触发更新的闭环：读取时收集依赖（Track），修改时通知更新（Trigger）；仅在活跃effect中读取才收集，通过Proxy拦截get/set实现精准响应。
-
text-shadow无法触发transition，因color属性属离散类型，不支持插值动画；应改用background-clip:text+background-position过渡实现渐变文字效果。
-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
:focus没反应常因默认outline覆盖，需用outline:none清除并替换为可访问的焦点样式；:focus-within实现容器内任一子元素聚焦即响应；:focus-visible仅键盘操作生效，需配合:focus:not(:focus-visible)隔离样式；iOSSafari对:focus支持有限，需用JSfallback确保可用性。
-
掌握JavaScript调试需善用console方法、浏览器断点、SourceMaps及专用工具。1.使用console.log()、console.error()、console.warn()输出信息，console.table()展示结构化数据，console.group()分组日志，console.time()测执行时间。2.在浏览器开发者工具中设置断点，利用调用栈查看函数路径，监控变量并控制执行流程，提升异步与复杂逻辑调试效率。3.通过Webpack等生成SourceMaps，在生产环境映射压缩代
-
该用border而非outline；border需同时指定width、style、color三参数，可用方向性属性如border-top单独设置某边，border-radius使边框自身变圆，深色模式下需配合prefers-color-scheme适配颜色。
-
直接改:root颜色变量失效，是因为CSS变量存在作用域和层叠顺序：后声明覆盖前声明，组件级样式会局部覆盖全局变量；应统一在:root顶部声明且不重复定义，避免硬编码重写，并检查构建工具插入顺序。
-
position:absolute时margin不失效，但参考系变为定位上下文；relative定位下margin与top叠加易致布局“飘忽”；fixed元素用margin易引发溢出；flex/grid中应优先使用justify-content、gap等现代布局属性而非margin定位。
