-
Tailwindscrollbar-hide插件无效需检查三件事：npm包是否安装、tailwind.config.js中plugins是否引入、content路径是否覆盖JSX/TSX文件；类必须加在滚动容器上，且该容器需有溢出内容和固定高度。
-
<p>HTMLCollection总是动态的，由getElementsBy*方法返回，自动响应DOM变化；NodeList可能静态（如querySelectorAll返回）或动态（极少见），现代浏览器中childNodes也返回静态NodeList。</p>
-
JavaScript中Array.prototype.sort()实现多属性排序需在单个比较函数中按优先级逐级比较：先比部门升序（localeCompare），再比年龄降序（b-a），最后比姓名升序（localeCompare），避免多次sort调用覆盖结果。
-
不是必须，但绝大多数情况下要设；不设时浏览器默认用text/plain，后端通常只解析application/json或application/x-www-form-urlencoded，导致req.body为空或400错误。
-
Chrome和Firefox支持但Safari不支持的选择器包括:has()（Safari15.4+才支持）、:is()/:where()的复杂嵌套（如:is(.a,.b):hover在Safari16.4前被忽略），以及部分伪类组合和属性选择器。
-
用display:grid划分header、sidebar、main、footer等主区域，配合grid-template-areas和grid-area快速建立清晰布局；调试时用outline替代border避免盒模型干扰，模块内一维排列优先用flex；先以background-color占位暴露结构问题，再细化样式。
-
长按事件不能直接用ontouchstart+setTimeout，因移动端默认行为干预、touchend不可靠及误判风险；需结合touchmove位移判断、getBoundingClientRect定位菜单、role属性提升可访问性，并务必处理touchcancel清理定时器。
-
BarcodeDetector.detect()仅支持ImageBitmap或HTMLCanvasElement输入，需Chrome/Edge/Opera87+，Safari/Firefox不支持；须用createImageBitmap转换图片或文件，避免URL.createObjectURL中转；canvas尺寸建议≤640×480；静默失败多因权限、光照、遮挡、倾斜或格式不匹配；结果需检查rawValue和format字段，API不作图像预处理。
-
浮动卡片高度不一致会导致换行错乱，因浮动元素贴靠前一个元素边缘而非按行对齐；可靠解法是每行首个卡片加clear:left，如.card:nth-child(4n+1){clear:left;}。
-
resize不更新CSS变量，因它是纯渲染层行为，只改内联width/height，不触发事件或同步--panel-width；需在mouseup时用offsetWidth读取并setProperty写入变量。
-
应开启硬件加速、启用MediaFoundation解码、配置MediaSource支持硬件格式、禁用软件回退策略并更新GPU驱动。具体包括：浏览器开启硬件加速并重启；Windows下添加启动参数启用HEVC与硬件密钥系统；MediaSource校验并匹配硬件支持的MIME类型；启用chrome://flags相关选项；检查chrome://gpu中VideoDecode为Hardwareaccelerated。
-
Fetch本身不支持直接设置超时时间，但可通过AbortController配合Promise.race实现可控超时机制：创建controller并传入signal，超时调用abort()触发AbortError，再用Promise.race竞态fetch与定时reject的Promise。
-
在JavaScript中，函数参数仅是占位符名称，无法从形参名本身判断其是否为函数；需通过运行时类型检测（如typeof）或借助TypeScript实现静态类型约束。
-
实现页面平滑滚动主要有两种方式：一是使用JavaScript的scrollIntoView({behavior:'smooth'})方法，简单高效，适用于大多数现代浏览器；二是结合requestAnimationFrame与window.scrollTo()手动实现，可自定义滚动速度、缓动曲线及回调函数，适合需要精细控制的场景。2.CSS的scroll-behavior:smooth属性能全局启用平滑滚动，代码简洁且性能好，但缺乏对滚动过程的控制能力，无法处理复杂逻辑如偏移调整或执行回调，而JavaScr
-
微信各端存在预加载、localStorage失效、AudioContext限制及CSS动画异常等兼容性问题，需分别采用轮询+MutationObserver、localStorage探测降级、手势触发音频、setTimeout检测样式等方案适配。
