-
冒泡排序需动态缩小内循环范围并加入提前退出机制；快排应避免纯递归以防栈溢出，改用迭代实现；sort比较函数须处理undefined；小数组用插入排序，原生sort通常最优。
-
selectonchange跳转最稳妥方式是直接绑定onchange事件并赋值window.location.href，需确保option的value为含协议的合法URL，避免相对路径、未编码字符及移动端事件延迟问题。
-
本文介绍一种简洁、可扩展的JavaScript方案，通过data属性关联播放按钮与对应音频元素，实现页面中任意位置多个音频的独立控制与互斥播放（点击新音频时自动暂停其他正在播放的音频）。
-
mix-blend-mode仅对非隔离且同层叠上下文的兄弟或后代元素生效；父元素设isolation:isolate、transform、filter或opacity<1会创建新层叠上下文导致失效。
-
Flex布局中内容不居中，主要因混淆主轴与交叉轴对齐属性、父容器缺高度或子项align-self覆盖；需同时设justify-content和align-items为center，并确保父容器有明确高度，单个子项可用margin:auto居中。
-
flex能让箭头始终贴右，关键在于父容器设display:flex并用justify-content:space-between或箭头加margin-left:auto，避免flex:1误用、绝对定位及DOM节点动态增删导致的错位。
-
transition在opacity或transform上更流畅，因其触发硬件加速交由GPU合成；而width、height、left、top等属性频繁触发CPU的layout和paint，导致卡顿。
-
浮动导致表格错位的本质是父容器高度坍缩与兄弟元素上浮；需用clear:both清除浮动影响，或overflow:hidden触发BFC包裹，现代开发应改用flex/grid替代浮动布局。
-
<p>使用box-sizing:border-box可精确控制按钮尺寸，使width和height包含padding和border，避免布局溢出；建议全局设置*{box-sizing:border-box}保持一致性，并结合em/rem、min-width、flex布局实现响应式按钮，确保视觉与功能协调。</p>
-
图文分割应避免滥用grid-template-areas，须基于轨道思维用grid-template-columns与grid-column控制；响应式下通过修改轨道定义而非重写区域，配合grid-row调整顺序；需约束内容高度防拉伸，并重视语义与视觉节奏匹配。
-
本文介绍如何使用原生JavaScript实现复选框组与顶部“全选”复选框的双向联动：点击全选框可批量操作子项，任一子项状态变化时自动更新全选框状态（全选时勾选，非全选时取消）。
-
fetch()是现代标准但需手动补全Cookie、错误处理和超时；常见无响应因忘await/.then()，且4xx/5xx不reject；需检查res.ok、JSON.stringify、FormData用法、GET无body、credentials控制跨域Cookie、AbortController实现超时与取消。
-
多数CSS框架不直接暴露原生display:grid完整能力，需主动用原生Grid覆盖补足；其工具类仅简化列数控制，不支持命名区域、函数式轨道、跨行跨列等复杂布局需求。
-
Promise是JavaScript异步编程的正式抽象层，本质是封装pending→fulfilled/rejected状态迁移的异步容器；通过then/catch实现可组合、可中断、统一错误处理的链式流程。
-
JavaScript模块系统分CommonJS、AMD、ES6Module三类，本质不兼容，需构建工具桥接；CommonJS仅Node同步运行，浏览器无require；AMD依赖require.js异步加载；ES6Module为原生静态模块，需type="module"或.mjs。
