-
嵌套路由是前端声明式UI层级组织方式，非标准术语“路由嵌套树”实为混淆概念；其底层高效匹配依赖RadixTree等前缀树结构，而非直接对应代码中的嵌套配置。
-
严格模式是ES5引入的受限执行模式，能提前报错、规范this指向、禁用危险语法，并支持渐进启用。
-
Base64图片内联可省HTTP请求，但仅适用于≤50KB小图标等静态资源；体积膨胀33%、阻塞CSS解析、首次渲染可能变慢，不适用于大图或动态内容。
-
可通过五种CSS方法取消链接下划线：一、内联style设text-decoration:none；二、内部样式表统一设a{text-decoration:none}；三、外部CSS用类选择器如.no-underline；四、重置所有a伪类的text-decoration；五、用CSS变量--link-underline集中控制。
-
实现路由重定向需用redirect配置（如{path:'/',redirect:'/login'}），确保目标路径存在且以/开头；避免循环跳转；带参跳转用函数式写法；ReactRouterv6改用<Navigatereplace>。
-
navigator.language返回浏览器UI语言的BCP47标签（如"zh-CN"、"en-US"），不能直接当语言代码使用，需转小写、提取主语言码（如"zh"）并校验有效性后方可安全匹配翻译资源。
-
直接写.btn--disabled更可靠，因框架不总在DOM写disabled属性，BEM修饰符显式可控、SSR友好、语义清晰、命名与状态一致、支持组合、避免嵌套和耦合、适配现代工具链且防构建误删。
-
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不作图像预处理。
