-
dns-prefetch仅解析DNS，开销小、兼容好，适用于确定会访问但暂不加载的第三方域名；preconnect则完成DNS、TCP及TLS握手，代价高但收益直接，适用于即将高频加载的关键第三方资源。
-
IP访问限制必须在服务器层（如Nginxdeny指令、ApacheRequirenotip）或网络边界（如CDN防火墙、iptables）实现，静态HTML文件内无法通过JS或注释控制；Nginx中deny需置于server块内且配合allowall，Apache需启用AllowOverrideAuthConfig，CDN或WAF更适于动态IP封禁。
-
window.scrollTo无反应常见原因是页面无垂直滚动；应缓存DOM查询、用opacity+pointer-events隐藏按钮；SVG图标需配aria-hidden和sr-only文本；scroll事件监听须按需设passive:false。
-
reduce的强大在于完全可控的归并过程：用户自定义每步累加器状态，支持求和、乘积、最值、计数、拼接、对象聚合、多级分组、去重及转Map等灵活数据处理。
-
优先用<strong>，因其具语义重要性且利于SEO与无障碍；<b>仅用于纯视觉加粗。CSS中应查清字体字重并用数字值（如700）设定，避免bold模拟加粗失真。
-
路由守卫无法防止连点跳转，因其在导航发起后才执行；防连点必须前置，在调用router.push前用防抖（如setTimeout+标记位）抑制重复调用，并需处理跳转失败的兜底逻辑。
-
CSS-in-JS是组件库开发的刚需，解决样式隔离、主题动态切换、响应式props适配及SSR一致性等核心问题。
-
createGain是WebAudioAPI中控制音量最直接的节点，但必须显式连接到音频图谱（如源→gainNode→destination），且gain属性需用setValueAtTime等调度方法避免咔哒声；多音源需独立GainNode，主增益后建议加压缩器防削波。
-
lang属性必须写在<html>标签上才有效，写在<body>或子元素中无效；charset和lang缺一不可，且位置、格式、大小写均影响解析与渲染效果。
-
JavaScript的find方法用于查找数组中第一个满足条件的元素。1.它通过遍历数组，对每个元素执行提供的回调函数，一旦找到符合条件的元素即返回该元素；2.若遍历结束未找到，则返回undefined；3.回调函数接收三个参数：当前元素、当前索引（可选）、原数组（可选）；4.与filter不同，find只返回第一个匹配项，而filter返回所有匹配项组成的数组；5.常用于根据唯一标识查找对象、表单验证中定位首个错误字段、选择特定配置等场景；6.使用时需注意：必须检查返回值是否为undefined、确保回
-
box-shadow实现内阴影必须显式添加inset关键字，正确写法为box-shadow:inset02px4pxrgba(0,0,0,0.2)；inset须紧接在box-shadow:后，不可省略、错位或加引号；响应式需用媒体查询分段控制，如手机端用inset01px2pxrgba(0,0,0,0.15)。
-
应使用min-height:100dvh+max-height:100dvh+overflow-y:auto替代height:100vh，配合flex-shrink:0和visualViewport.resize监听，在不支持dvh时降级并用JS动态更新高度。
-
侧边索引需用JS扫描h2-h4标题并清洗ID（去标点、去重、去空）、用scrollIntoView精准滚动、DocumentFragment离屏构建DOM、事件委托绑定，避免卡顿与定位失败。
-
Canvas滤镜本质是手动读、算、写像素，核心依赖getImageData和putImageData；失效主因是执行时机错误（如img.onload绑定顺序）、跨域限制、canvas宽高未设为图片实际尺寸，或遍历步长/索引/边界处理不当。
-
解构赋值可通过嵌套结构、默认值、动态键名、函数参数解构、别名及剩余运算符等高级技巧提升代码可读性与开发效率，适用于处理复杂数据结构、配置项和API响应。
