-
本文介绍在WordPress中让两个独立音频播放器同时运行的方法，重点解决默认情况下一个播放器启动时自动暂停另一个的问题，涵盖HTML5原生实现、JavaScript控制技巧及插件使用注意事项。
-
rgba()用于局部透明，仅影响颜色属性，如背景、边框、文字；2.opacity作用于整个元素及其子元素，实现整体透明；3.实际应用中，背景透明推荐rgba()，整体淡入淡出动画使用opacity。
-
应根据项目需求和团队习惯选择：小项目或学习优先用Fetch，中大型项目推荐Axios；两者均可封装统一请求层，避免裸写Fetch或滥用Axios。
-
模态框定位和遮罩层实现的核心是遮罩层全屏覆盖、模态框居中显示、阻止背景滚动；遮罩层用position:fixed全屏覆盖并设透明背景，模态框用top:50%;left:50%;transform:translate(-50%,-50%)居中，JS控制显隐时需同步设置bodyoverflow隐藏与恢复，并处理Esc键、点击遮罩关闭及可访问性焦点管理。
-
JavaScript解构赋值在交换数组元素时，右侧表达式先求值、左侧赋值按顺序执行；当左侧包含依赖于已修改索引的动态访问（如a[a[0]]），会导致索引语义错乱，从而交换失败。
-
当父容器宽度小于按钮固有宽度时，通过设置white-space:nowrap可阻止按钮内文本折行，并配合合理overflow控制，实现按钮强制保持原始尺寸、横向溢出父容器的效果。
-
JavaScript的sort方法根据数组长度动态切换算法：≤10用插入排序，11–1000用快排（取中值基准），>1000用采样中位数优化快排；默认字符串化比较导致数值排序错误，需传比较函数；ES2019起稳定排序，但会就地修改原数组。
-
npminstall后import不生效的主因是模块解析环境不匹配：浏览器原生ESM不支持包名解析，Node.jsESM需.mjs或type:"module"，推荐用Vite等构建工具接管；React生态库如antd需注意编译配置、按需导入插件及CSS显式引入；CDN引入Vue须选对版本并显式解构API；Webpack的require.context行为特殊且不可跨工具迁移。
-
懒加载能提升首屏速度，但仅适用于非首屏资源；对首屏主图误用会导致CLS或空白占位符。loading="lazy"最简但兼容性有限，IntersectionObserver更可控，关键资源应优先使用preload或fetchpriority。
-
AppCache已被所有主流浏览器废弃，唯一可行的离线方案是ServiceWorker+CacheAPI；因其存在更新不可控、全站故障、不支持请求拦截等根本缺陷，W3C于2018年将其标记为obsolete。
-
结构化克隆算法是浏览器内置的深拷贝机制，用于正确复制Date、RegExp、Map、Set等类型并处理循环引用；通过structuredClone()函数可直接使用，但不支持function、undefined、Error、Symbol及DOM元素；对于不兼容环境可降级使用MessageChannel、第三方库或自定义递归方案。
-
try-catch只捕获运行时同步错误，不捕获异步错误；catch参数是标识符而非类型声明；finally总会执行且return会覆盖try/catch返回值；async/await中try-catch可捕获await的Promise拒绝。
-
FetchAPI是广义Ajax的一部分，非XMLHttpRequest替代品；它返回Promise但不自动拒绝4xx/5xx错误，需手动检查response.ok；POST传JSON需设Content-Type并JSON.stringify；不支持同步请求、上传进度事件和内置超时，需AbortController实现。
-
border-radius过渡卡顿是因浏览器需重绘渲染路径，尤其在复杂样式下开销大；推荐用clip-path替代、避免干扰属性、控制缓动或分段过渡，并排查布局抖动。
-
可通过全局变量、data属性、隐藏input、闭包模块四种方法在HTML中读取JavaScript变量值：全局变量直接挂载window；data属性中转避免污染；hiddeninput适合表单；闭包模块封装getter确保安全访问。
