-
答案：CSS中通过margin控制元素外间距，padding控制内间距，flex布局可用gap设置子元素间隔，并推荐使用box-sizing:border-box避免尺寸异常。
-
矩阵计算器的加减函数在首次调用后失效，根本原因是用同名变量（如add、sub）意外覆盖了全局函数声明，导致后续点击按钮时调用的是数值而非函数。
-
通过CSS的a:link、a:visited、a:hover、a:active可分别设置链接未访问、已访问、悬停、激活时的颜色，建议按L-V-H-A顺序书写以避免样式覆盖，提升交互体验。
-
本文介绍在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拒绝。
