-
响应式导航栏的显示与隐藏可通过CSS选择器实现，其核心方法是“复选框技巧”。1.HTML结构包括隐藏的复选框、点击用的label（汉堡图标）和导航菜单；2.CSS默认隐藏菜单并设置过渡效果；3.利用复选框状态变化控制菜单显示；4.媒体查询在大屏下自动显示导航；5.优化用户体验需添加过渡动画、视觉反馈和可访问性支持；6.实际开发中可能遇到z-index层级和滚动条问题，需合理设置层叠上下文及滚动处理。此方案无需JavaScript，提升性能但交互受限，复杂场景仍需结合JS实现。
-
HTML表格内容居中可通过五种方法实现：一、传统align/valign属性；二、CSStext-align/vertical-align；三、CSS类统一控制；四、Flexbox布局（display:flex;justify-content/align-items）；五、Grid布局（display:grid;place-items:center）。
-
JavaScript是浏览器原生支持的脚本语言，可响应交互、动态更新内容；首行代码console.log("你好，JavaScript！")在开发者工具Console中运行；通过HTML文件可实现按钮随机变色等交互功能；学习建议从小功能入手、多实践、以需求驱动，并推荐VSCode、MDN文档和freeCodeCamp等零成本资源。
-
闭包封装Symbol键与操作逻辑，通过初始化函数返回get/set/reset接口，结合globalThis命名空间容器实现隐式、不可枚举、防误触的状态共享。
-
navigator.share仅支持Chromium内核浏览器（Chrome76+、Edge79+、SamsungInternet12.2+）和iOS/iPadOSSafari16.4+；Firefox、旧版Safari及桌面Safari不支持，且须HTTPS/localhost安全上下文。
-
中间固定、两边自适应的正确写法是左右项设flex:1，中间项设flex:00240px；不能只给中间设flex:00auto，因其仅固定自身宽度，无法驱动两侧伸缩，且父容器必须为display:flex。
-
lang属性必须写在<html>标签上才有效，写在<body>或子元素中无效；charset和lang缺一不可，且位置、格式、大小写均影响解析与渲染效果。
-
createGain是WebAudioAPI中控制音量最直接的节点，但必须显式连接到音频图谱（如源→gainNode→destination），且gain属性需用setValueAtTime等调度方法避免咔哒声；多音源需独立GainNode，主增益后建议加压缩器防削波。
-
CSS-in-JS是组件库开发的刚需，解决样式隔离、主题动态切换、响应式props适配及SSR一致性等核心问题。
-
路由守卫无法防止连点跳转，因其在导航发起后才执行；防连点必须前置，在调用router.push前用防抖（如setTimeout+标记位）抑制重复调用，并需处理跳转失败的兜底逻辑。
-
优先用<strong>，因其具语义重要性且利于SEO与无障碍；<b>仅用于纯视觉加粗。CSS中应查清字体字重并用数字值（如700）设定，避免bold模拟加粗失真。
-
reduce的强大在于完全可控的归并过程：用户自定义每步累加器状态，支持求和、乘积、最值、计数、拼接、对象聚合、多级分组、去重及转Map等灵活数据处理。
-
window.scrollTo无反应常见原因是页面无垂直滚动；应缓存DOM查询、用opacity+pointer-events隐藏按钮；SVG图标需配aria-hidden和sr-only文本；scroll事件监听须按需设passive:false。
-
IP访问限制必须在服务器层（如Nginxdeny指令、ApacheRequirenotip）或网络边界（如CDN防火墙、iptables）实现，静态HTML文件内无法通过JS或注释控制；Nginx中deny需置于server块内且配合allowall，Apache需启用AllowOverrideAuthConfig，CDN或WAF更适于动态IP封禁。
-
dns-prefetch仅解析DNS，开销小、兼容好，适用于确定会访问但暂不加载的第三方域名；preconnect则完成DNS、TCP及TLS握手，代价高但收益直接，适用于即将高频加载的关键第三方资源。
