-
contrast()仅在Less编译期根据背景色luma静态计算文字色，不支持运行时动态变色；其@threshold是luma分界点（非亮度阈值），合理范围为30%–45%，且需配合lighten()/darken()微调以提升可读性与舒适度。
-
WeakRef仅提供弱持有，不自动销毁数据；需结合视口监听、主动清理和安全访问机制实现视口外数据释放。
-
动态加载CSS应优先用link标签，需设rel="stylesheet"和href，避免仅依赖onload；并发插入要按层叠顺序严格控制；重复插入需查重；fetch+insertRule仅适用于小量规则且有诸多限制。
-
IdleDetectionAPI的start()方法需先获取“idle-detection”权限且仅在安全上下文（HTTPS/localhost）中可用；必须由用户手势触发权限请求，通过navigator.permissions.query预检状态，创建IdleDetector实例并配置threshold后绑定onchange事件，再调用实例start()方法，且须try/catch捕获可能的SecurityError或NotAllowedError。
-
步骤条通过stepProp控制高亮与连线状态，索引≤step为已完成，=step为进行中，连线渲染至step-1；可选statusProp支持pending/processing/success/error多态语义；父组件驱动流程校验与跳转，确保受控性与业务一致性。
-
:nth-child(n)错位因按HTML子元素序号计数而非视觉列序，colspan会使后续单元格序号偏移；仅当表格无colspan/rowspan、每行单元格数一致且结构固定时才可靠；推荐用语义化class或colgroup辅助标记列。
-
Chrome原生支持HTML5音视频标签，无需安装插件；现代版本（v80+）默认优先HTML5，仅在Flash残留、格式不支持、扩展干扰或GPU驱动异常时降级。
-
JavaScript中函数是一等公民，可赋值、传参、返回和存储；高阶函数如map/filter/reduce及pipe等是解决实际问题的工具，纯函数需满足相同输入得相同输出且无副作用。
-
最直接的隔离方式是使用Tailwind的prefix配置，如prefix:'tw-'，使text-lg→tw-text-lg；需重新编译CSS并手动更新HTML/JS中类名，第三方插件需确认支持前缀。
-
本文详解如何解决React中搜索栏触发的图片异步请求因竞态条件（racecondition）导致显示上一次请求结果的问题，通过useCallback+依赖追踪+正确await链，确保每次搜索只渲染对应请求的最新图片数组。
-
min-width不生效的四大主因是盒模型设置、父容器约束、浏览器内置样式及calc()语法错误；需统一box-sizing:border-box、检查flex收缩、重置-webkit-appearance、确保calc空格与变量定义。
-
allow-popups不直接启用window.open()，仅赋予弹窗能力；真正弹出需同时配置allow-popups-to-escape-sandbox，且调用必须由用户手势触发，否则会被浏览器拦截或静默失败。
-
HTML模块复用需在构建期介入，用posthtml-include等工具将header.html等片段内联为标准HTML，避免fetch动态注入导致的样式丢失、脚本不执行及SEO问题。
-
屏幕阅读器正确读出图标按钮含义的关键是提供清晰语义化的文本替代信息：优先使用aria-label直接标注操作意图，如“分享到微信”；其次可用aria-labelledby关联隐藏可见文本；禁用title和CSS伪元素；按钮必须为原生可交互元素。
-
要实现在网页上触发电话拨号功能，最直接的方式是使用tel:URI协议。1.通过HTML的<a>标签实现：如<ahref="tel:+8613800138000">拨打客服电话</a>，在移动端点击链接会自动跳转至拨号界面；2.使用JavaScript和window.location.href动态触发拨号，例如通过按钮点击事件执行window.location.href='tel:13812345678'。tel:协议之所以是最佳实践，是因为其标准化、兼容性强、用户体验一
