-
content属性不支持var()函数，仅接受字符串字面量、attr()、counter()和counters()；伪元素中使用var(--icon)属语法错误，浏览器会静默忽略或报Invalidpropertyvalue。
-
HTML中meta标签的name与http-equiv属性互斥，必须二选一；viewport等name类需用纯字符串content，description长度限155–160字符且首字母大写无句号，robotscontent仅支持小写预定义指令。
-
浏览器原生:valid/:invalid伪类仅在表单提交或元素失焦时更新，非实时；需通过input事件监听并调用checkValidity()手动触发校验，再用classList.toggle同步状态。
-
Symbol.toStringTag是用于自定义对象在Object.prototype.toString()和调试器中显示类名的内置symbol；可直接赋值、在原型或类getter中定义，Proxy可实现动态标签，但不影响instanceof或typeof。
-
SourceMap是构建时生成的不可替代的JSON映射文件，记录压缩代码与原始源码的行列、文件、标识符对应关系；核心字段包括sources、mappings、names和sourceRoot。
-
aria-current必须用在直接代表当前页面的导航项上，通常是或<button>元素，而非父级<nav>或<ul>；加在<li>或<nav>上属语义错位，屏幕阅读器将忽略或误读。
-
真正可用的骨架屏必须用linear-gradient+background-position动画实现光扫效果，且所有容器需有明确宽高和overflow:hidden；background-position比transform更可靠，因后者在Safari等浏览器中易致边缘发虚、锯齿，而前者不触发重绘、像素精准，且需设background-size大于容器、渐变方向为90deg或toright、多层渐变分离结构与光效，并配overflow:hidden和aspect-ratio防错位。
-
JavaScript代码规范是团队约定的非语法强制性写作习惯，ESLint通过AST静态分析、错误分级、保存即修复和提交前拦截统一风格，而Prettier仅负责排版，ESLint还覆盖语义检查与逻辑风险识别。
-
Edge双击HTML无响应主因是路径含中文/空格、本地文件访问被禁或跨域资源加载失败；应改用英文路径、命令行启动或添加--allow-file-access-from-files参数。
-
使用location.reload(true)可强制从服务器重新加载页面；2.通过window.location.href重新赋值实现刷新，但可能使用缓存；3.在URL后添加时间戳参数可绕过缓存；4.建议优先用AJAX或fetch局部更新数据，整页刷新推荐reload(true)。
-
核心是用transform:translateY()和opacity配合will-change实现合成层动画，避免重排；插入后需requestAnimationFrame延迟加显示类；多通知用flex堆叠；Safari需加translateZ(0)修复。
-
必须显式声明border基础属性（如border:2pxsolidtransparent）并配合border-image-slice:1fill，否则border-image中的linear-gradient无法渲染；圆角、缩放及Firefox兼容性问题需改用background+background-clip等替代方案。
-
直接用width在响应式表格中失效，是因为th和td宽度需同步计算，而浏览器默认独立处理；必须配合CSS变量+table-layout:fixed才能实现列宽一致。
-
仅用html{filter:grayscale(100%);}不够，需补-webkit-filter兼容旧版Safari/安卓WebView，并为IE11添加progid语法；应选html而非body作根选择器以确保全覆盖，且须规避性能拖慢、文本可读性下降及视觉细节崩坏问题。
-
hover遮罩层正常显示需父容器设position:relative以建立定位上下文，遮罩层用position:absolute+top/left/right/bottom撑满并配opacity过渡；触摸设备需:focus-within或JS加类兼容。
