-
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加类兼容。
-
本文介绍如何通过监听radio按钮组的变化，自动计算并填充指定月份后的日期到datepicker字段中，适用于CiviCRM等表单系统中的动态日期逻辑。
-
事件委托通过将子元素的事件监听绑定到父元素来优化性能。1.减少监听器数量，降低内存消耗；2.动态添加的子元素无需重新绑定事件；3.利用事件冒泡机制，由父元素统一处理事件。例如，为列表所有项绑定点击事件时，只需在父元素上绑定一次，通过event.target判断具体触发项。但事件委托依赖事件冒泡，部分事件如focus、blur不支持冒泡，且需复杂判断目标元素，过度委托至顶层还可能影响性能。选择策略包括：选最近父元素、明确目标元素、避免过度委托、考虑事件类型，并权衡性能与代码复杂度。
-
JavaScript中函数是一等公民，可赋值、传参、返回和存储；高阶函数如map/filter/reduce及pipe等是解决实际问题的工具，纯函数需满足相同输入得相同输出且无副作用。
-
HTML手柄本身不会导致控制异常，问题源于事件监听逻辑、状态轮询时机或浏览器兼容性；首次调用getGamepads()必须在用户手势回调中触发，且需处理死区、按键瞬态检测及手动映射不同手柄布局。
-
@content是编译期单次展开的内容占位符，仅在@include后加大括号时注入，不支持变量、递归或字符串解析，必须严格遵循语法才能正确继承调用者作用域。
