-
使用Flexbox实现水平垂直居中只需设置父容器display:flex、align-items:center和justify-content:center，前者控制垂直居中，后者控制水平居中，适用于固定或不固定尺寸的子元素，并支持多子元素集体居中，需确保容器有足够高度（如height:100vh）以呈现效果。
-
async/await是Promise的封装层而非语法糖，它自动包装返回值为Promise、支持try/catch错误处理，但需注意await仅限async函数内使用、避免串行误用、合理选择Promise.all/allSettled/race，并理解其堆栈限制与适用边界。
-
dataset属性仅映射HTML中初始声明的data-*属性，动态设置不会同步到DOM；推荐用setAttribute/getAttribute确保数据持久化与兼容性。
-
静态HTML无法直接实现评论功能，需借助GitHubIssues（如utterances或gitalk）等免后端方案；localStorage仅限本地缓存，非真实评论；自建后端须解决并发、安全与持久化问题。
-
Splide启用loop模式时会克隆DOM元素实现无缝循环，导致Lightbox错误识别所有克隆项为独立图片；本文详解其原理，并提供禁用loop和精准选择器两种稳定、通用的修复方案。
-
Symbol是JavaScript的原始类型，用于创建唯一不可变值以避免属性名冲突；其作为对象键时不可枚举但可通过Object.getOwnPropertySymbols获取，Symbol.for()支持全局复用，但需慎用。
-
真正语义化的标签是浏览器、搜索引擎和辅助技术能据此推断内容角色的标签，如<header><nav><main><article><section><aside><footer>这7个核心结构标签，以及<figure><time><cite><dfn>等关键辅助标签。
-
正确加载两个JavaScript文件需确保引入顺序和执行时机，可通过以下方法实现：一、使用多个<script>标签按序引入外部JS文件，确保路径正确；二、在HTML中嵌入两段独立<script>代码块，避免变量冲突；三、为外部脚本添加defer属性，使JS在DOM解析后按序执行；四、使用async异步加载并配合全局标志与轮询机制管理依赖；五、动态创建<script>元素并通过onload回调控制加载顺序。推荐根据依赖关系选择合适方案，确保脚本正确运行。
-
需通过标准超链接配合相对/绝对路径实现双向导航：一、用相对路径（如“page2.html”或“../page1.html”）；二、用锚点（如“page1.html#section-a”）；三、用根相对路径（如“/about.html”，需本地服务器支持）；四、用JavaScript动态加载导航；五、验证链接有效性，避免404。
-
ServiceWorker是实现离线体验的核心，通过拦截请求实现缓存控制。首先注册并激活ServiceWorker，需在HTTPS环境下调用navigator.serviceWorker.register()。安装阶段使用CacheAPI预缓存关键资源，确保首页、样式、脚本等可离线访问。运行时采用动态缓存策略，对API使用stale-while-revalidate，静态资源则networkfallingbacktocache。更新时在activate事件清理旧缓存，通过版本命名管理缓存生命周期。合理组合
-
gap在多行flex中不生效，需确保父容器为display:flex且flex-wrap:wrap；gap在单行flex中仅控制项间间距，在column方向时控制垂直间距，与换行无关。
-
Canvas粒子动画需先用document.getElementById获取canvas元素并调用getContext('2d')，宽高须显式设置width/height属性；粒子对象应含x、y、vx、vy、size、alpha字段，数量控制在100–300；连线逻辑需限制检测半径或采用空间划分避免O(n²)性能问题。
-
闭包是JavaScript实现函数式编程的核心机制，它使函数能捕获并访问其词法作用域中的变量，即使在外层函数执行后仍可访问。这种能力支撑了纯函数、高阶函数、柯里化和模块化等FP关键概念。通过闭包，函数可封装私有状态，如计数器或配置参数，确保外部无法直接访问，从而避免副作用，提升代码的可预测性和可测试性。在高阶函数中，闭包让返回的函数“记住”创建时的上下文，如multiplier(factor)中factor的保留；在柯里化中，闭包逐层捕获参数，实现参数累积。此外，闭包曾是模块模式的基础，利用IIFE创建私
-
HTML5长文档内置搜索可通过四种方法实现：一、原生DOM操作高亮关键词；二、contenteditable配合window.find()定位；三、引入mark.js库专业高亮；四、CSS优化交互与样式。
-
本文详解如何修正JavaScript中因误用for...in遍历数组导致的下拉菜单显示数字索引（如0、1、2）而非真实选项文本（如“JavaDeveloper”）的问题，并提供可直接运行的修复方案与最佳实践。
