-
多级排序需将比较逻辑压缩进二元函数：先比主字段，相等再比次字段，依此类推；返回负数、正数或0决定顺序；须防空值与类型陷阱，用短路运算（如||、?:）串联层级。
-
SpeechSynthesis实现点击朗读需先监听onvoiceschanged或轮询getVoices()确保音色就绪，每次新建Utterance并调用cancel()避免堆积，且必须由用户手势同步触发speak()；移动端兼容性差，fallback应优先考虑视觉模拟而非音频。
-
使用*可选中所有元素设置全局样式，如重置margin和padding、统一box-sizing为border-box、定义字体颜色等，但需注意性能影响、优先级低及滥用导致维护困难。
-
<progress>标签需确保value和max为数字类型，用requestAnimationFrame节流更新，IE需降级为div+CSS；自定义样式须兼容WebKit/Firefox伪元素；手写进度条必须添加role="progressbar"及aria属性；上传进度需校验event.lengthComputable并确认后端返回Content-Length。
-
Tailwind通过PostCSS插件按需生成CSS：插件扫描content配置指定的源文件，静态提取硬编码类名，仅生成实际使用的样式规则，实现精准编译与体积优化。
-
通过递归遍历对象属性并组合PropertyDescriptor，可获取所有层级属性描述符（如user.address.city），需处理嵌套类型、集合、泛型、访问权限及循环引用；推荐优先使用Spring的BeanWrapperImpl。
-
标签的属性，用来防止通过 window.opener 引用当前页面的恶意网站。当用户点击链接并打开新窗口时，如果目标页面通过 window.opener 访问原始页面，可能会导致安全问题（如窗口劫持）。使用 rel="noopener" 可以阻止这种行为。使用方法
rel="noopener"能防窗口劫持，因为它使新页面的window.opener为null，彻底阻断其通过window.opener.location等操作劫持原页面的能力；该属性必须与target="_blank"配合使用才生效。
-
cancelAnimationFrame必须传入requestAnimationFrame返回的有效帧ID才能取消未执行的帧请求，无法中断已进入回调队列的当前帧；动画函数内部须加状态守卫提前return，避免多余操作和内存泄漏。
-
grid-template-areas引号不可省略，否则布局失效；span必须显式声明跨距；gap在旧版Flex中无效；dense模式不改变DOM顺序且z-index无效。
-
::marker颜色未生效主因是父元素color继承或浏览器兼容性不足；仅Chrome108+、Firefox89+、Safari15.4+支持，且Safari对flex/li包裹等场景静默忽略；它仅支持color、content、font-*等极少数属性，不支持大小、对齐或定位。
-
HTML本身不处理请求竞态，需用JavaScript配合AbortController中断旧请求或用requestID过滤过期响应，防抖仅减少请求数量，不能替代竞态控制。
-
使用CSS的:hover伪类可触发动画效果，通过transition实现颜色、大小等属性的平滑过渡，或结合@keyframes定义复杂动画如旋转。示例中按钮悬停时变色放大，旋转元素仅在悬停时执行动画。需注意避免过度动画影响体验，优化性能并兼顾移动端兼容性，合理运用可提升界面交互性与视觉效果。
-
必须用CustomEvent构造函数传参，其detail字段携带任意数据，需手动dispatchEvent触发；newEvent无detail属性，无法传参；框架中应优先使用$emit或props回调，原生事件仅适用于WebComponent等特定场景。
-
JavaScript数组索引本质是字符串属性名，如arr[0]等价于arr['0']；length仅由最大数字索引决定，非数字属性不影响长度；for...in会遍历所有可枚举属性（含非索引属性），故不适用于数组元素遍历。
-
WebLocksAPI不能协调多个ServiceWorker实例间的锁，因同源下浏览器只允许一个ServiceWorker处于active状态；其生命周期为install→waiting→active，新旧版本不共存执行，所谓“多个实例”实为版本切换而非并发。
