-
用document.createDocumentFragment()批量插入节点可显著减少重排重绘，因其作为离线容器不触发渲染，仅在一次性插入真实DOM时触发一次layout；误用如反复插入或追加后重插会导致重复开销。
-
Array.prototype.findLastIndex是同步方法，需先异步加载配置数据（如fetchConfigs），再在已排序的数组中按优先级规则（如环境＞租户＞全局）反向查找首个匹配项；关键在于保证数据就绪与顺序正确，而非让findLastIndex异步化。
-
不能完全可靠锁定支付流程，sessionStorage仅限当前标签页、需配合服务端幂等设计；应在点击支付时存带时间戳的锁标识，禁用按钮，并在跳转前或结果页清除，避免因页面关闭导致锁残留。
-
不能完全绕过CSS，但可由JS主导主题决策并分发：先读取localStorage或系统偏好确定主题，再通过data-theme属性通知CSS生效，同时统一所有入口的判断逻辑以防闪跳。
-
Smi是V8中不分配堆内存的小整数，利用地址对齐冗余位作类型标签：32位系统用1位标签、31位值，范围−2³⁰~2³⁰−1；64位系统用1位标签、63位值；算术运算全程无装箱/解箱，溢出时才转HeapNumber。
-
TWA无需修改前端代码，但需严格满足Google校验规则：PWA须配置standalone/minimal-ui显示模式、HTTPS全站加密、ServiceWorker激活；Android侧须用TrustedWebActivityIntentBuilder构建Intent，正确设置颜色、签名及DigitalAssetLinks验证。
-
float:right会导致视觉顺序与DOM顺序不一致，因其按HTML顺序将元素逐个右推，后出现的先占右端；应改用display:flex+justify-content:flex-end，语义清晰、响应可靠、兼容现代浏览器。
-
拖拽元素必须设为absolute或fixed，因仅脱离文档流时left/top才生效；static无效，relative易错位；absolute需父容器非static，fixed适合全局但不随滚动；须带单位（如'px'），避免用offsetLeft/offsetTop，禁用默认行为与文本选中，并注意IE兼容性及transform容器的特殊处理。
-
原生HTML5拖拽排序需绑定dragover/drop到容器并用closest定位li、e.preventDefault()启用drop、getBoundingClientRect计算插入点、iOS降级处理、dataTransfer仅传ID。
-
使用<select>和<option>标签可创建下拉列表，value定义提交值，文字为显示内容；添加selected设置默认项，disabled禁用选项，multiple支持多选，配合name、id和label提升功能与可访问性。
-
SCSS@function仅在编译期计算生成静态值，无法实现运行时自适应；真正动态响应需依赖clamp()、rem+JS或vw等原生CSS方案，其中clamp()因有约束线性插值且纯CSS最被推荐。
-
最稳妥做法是为每个<li>单独设置animation和animation-delay；禁用父容器统设或伪类计算，避免错位；须用opacity/transform等可动画属性，visibility/display无法触发过渡；兼容性上优先采用0.2s整数倍延迟。
-
CSScontain性能优化需按场景选值：layout适用于固定尺寸容器，paint最常用且开销最小，style仅限自定义属性独立计算；strict慎用，避免动态高度容器；intrinsic-size需配合size且防布局干扰。
-
width:100%触发横向滚动条是因为它基于父容器contentbox计算，而padding、border、margin或min-width会额外增加总宽度；需全局启用box-sizing:border-box并对媒体元素设max-width:100%。
-
可选链操作符（?.）解决了访问深层嵌套属性时因null或undefined导致的运行时错误，避免了冗长的空值检查。它仅在左侧为null或undefined时短路返回undefined，不影响0、""、false等假值的正常访问，相比&&更精确。支持属性、方法调用（?.()）和数组访问（?.[]），可与空值合并操作符（??）结合提供默认值，提升代码健壮性和可读性。但不可用于赋值左侧，且不应滥用以掩盖数据缺失的真正问题。
