-
调整padding-inline可精确控制figure元素行内方向内边距，替代传统左右设置，提升多语言布局灵活性，避免内容拥挤。
-
call、apply和bind用于显式绑定this指向：call立即执行并传入参数列表，apply立即执行但参数以数组形式传递，bind返回一个this被永久绑定的新函数。三者适用于不同场景：call适合参数明确的立即调用，apply适用于参数为数组的情况，bind用于延迟执行或固定this的函数创建，如事件处理；箭头函数无自身this，不适用这三种方法。
-
Flexbox通过display:flex和默认的align-items:stretch实现等高列布局，子元素自动拉伸至最高列高度，无需额外设置，简洁高效。
-
try-catch不能捕获语法错误、异步回调中的错误、Promise拒绝、事件监听器内错误；需用window.onerror、error事件或unhandledrejection事件配合手动检查HTTP状态码和await链式try-catch来全面覆盖。
-
模板字符串是JavaScript原生字符串类型，用反引号`包裹，支持变量插值${}和多行；${}内仅限表达式，不可写语句；嵌套需保持反引号；变量须在当前作用域存在，否则静默为undefined。
-
WebSocket需集群因单机受限于连接数、存在单点故障与负载不均；通过负载均衡、Redis共享存储及消息中间件实现跨节点消息路由，确保高并发下连接稳定与消息正确投递。
-
使用animation-delay属性可设置CSS动画的延迟时间，支持秒或毫秒单位，正值延迟开始，负值从中间启动，配合keyframes定义动画，简写形式更推荐，多个动画可用逗号分隔延迟值，提升动效节奏与体验。
-
页面元素动态显隐的核心是合理选择display、visibility或opacity属性配合JavaScript逻辑。display彻底移出/恢复布局流，visibility保留占位但不可见，opacity支持过渡动画；推荐用CSS类切换替代内联样式以提升可维护性与性能，并注意DOM操作优化如缓存引用、批量更新和读写分离。
-
fixed元素以视口为参考系且脱离文档流，relative元素以自身为基准且不脱离文档流；二者定位参考系与流体行为本质不同，不可互换。
-
Promise.all一错全崩因其设计契约是“全部成功才算成功”，适用于强依赖场景；需容错用allSettled，防竞态需AbortController等机制，而非仅靠race。
-
本文详解如何通过CSS与Swiper配合，将轮播图的当前激活项（activeslide）精准居中显示，并使两侧非激活项按距离中心递减缩放，解决默认左对齐、视觉失衡问题。
-
内联样式优先级最高（权值1000），会覆盖其他CSS规则；可通过开发者工具识别element.style，用CSS变量或class替代实现安全覆盖。
-
Record与Tuple是JavaScript提案中的不可变数据类型，用{||}和#[]表示，支持值比较和不可变性，适用于优化性能和依赖检查。
-
本文详解因DOM元素选择错误导致img.src为null的常见问题，指出误选外层div而非img标签是根本原因，并提供简洁可靠的修复方案与完整可运行代码。
-
flex容器子元素上下偏移主因是未分清主轴/交叉轴：flex-direction为row时align-items管垂直对齐，column时justify-content管垂直对齐；需检查align-items/justify-content实际值及子元素margin/padding/border或inline元素baseline影响。
