-
微信红包金额分配必须由服务端完成，前端JavaScript生成随机数不可信，易被篡改导致资损；服务端应使用安全随机源（如SecureRandom）并采用线段切割法等可靠算法，确保每人≥0.01元、总额精确无浮点误差。
-
text-overflow:ellipsis在Grid子项中不生效的根本原因是min-width:auto阻止截断，必须显式设置min-width:0才能触发省略号；还需white-space:nowrap、overflow:hidden三者共存且作用于同一文本容器，并有明确宽度约束。
-
使用组合选择器和BEM命名规范可有效避免CSS嵌套样式污染，通过提升特异性和作用域隔离，确保组件样式互不干扰。
-
需同时支持鼠标和触摸事件以实现跨设备拖拽。首先通过检测ontouchstart判断是否为触摸设备，并据此统一使用touchstart/mousedown等对应事件；在事件回调中优先从touches[0]或clientX/clientY提取坐标，封装函数屏蔽差异；拖拽开始时绑定相应move/end事件，结束时及时解绑以防冲突；仅在位移超过阈值确认拖拽后调用preventDefault()避免误阻滚动。通过统一事件接口与状态管理，确保桌面与移动设备均流畅交互。
-
d-block是居中的前提，因为图片默认为inline元素，受文本基线等影响，margin:0auto无效；必须转为块级元素才能使mx-auto生效。
-
移动端input::placeholder样式不生效，需用::-webkit-input-placeholder并加!important；uni-app和小程序须用专用属性；暗色模式应监听媒体查询并切换class；line-height与padding需与input一致。
-
Object.create(null)创建的对象原型为null，不继承任何内置方法，比{}更纯净；{}等价于Object.create(Object.prototype)，可调用toString等方法，而Object.create(null)调用会报错，适用于哈希映射、配置容器等需完全可控的场景。
-
Proxy默认不可撤销，仅通过Proxy.revocable()创建的代理才可撤销；后者返回含proxy和revoke函数的对象，调用revoke即失效。
-
PHP中需用$row['field']取值而非echo$row；Node.js模板传参要解构清晰；fetch需设Content-Type和CORS头；SQL注入与XSS须从首行代码防范。
-
事件委托能解决动态元素绑定失效问题，因其在父元素监听冒泡事件，不依赖子元素初始存在；动态插入的子元素触发事件仍可被捕获，避免重复绑定与内存浪费。
-
focus/blur是监听元素获得/失去焦点最直接可靠的方式，仅在实际键盘/鼠标聚焦时触发，需元素可聚焦（如设tabindex）；推荐addEventListener而非onfocus属性，focusin/focusout支持事件委托。
-
本文介绍使用JavaScript的flatMap()方法，将满足条件（如flex数组中含'LB'）的单个数据对象按比例拆分为两个新对象（分别对应'L'和'B'），并确保最终结果为扁平化数组。
-
用CSSGrid+class切换实现列表/网格视图互切，核心是grid-template-columns:repeat(auto-fit,minmax(280px,1fr))配合预设.layout-grid/.layout-list类，JS仅切换class、不操作内联样式，确保响应式与可维护性。
-
BootstrapCollapse动画需手动添加.collapse{transition:height0.35sease;}，因默认无过渡；JS动态设置像素高度配合该CSS实现平滑展开/收起，纯CSS方案可用max-height但需预设上限。
-
闭包实现异常自动回滚的核心是将全部数据变更操作封装在DB::transaction闭包内，确保异常穿透触发回滚；禁止闭包内try-catch拦截、前置校验须用throw_if/throw_unless中断，返回值天然代表事务成功结果。
