本文详解如何使用jQuery遍历多个具有相同class（如.main_records）的DOM元素，并为每个元素独立绑定Pikaday日历实例，避免作用域混淆与DOM操作错误。本文详解如何使用jQuery遍历多个具有相同class（如`.main_records`）的DOM元素，并为每个元素独立绑定Pikaday日历实例，避免作用域混淆与DOM操作错误。在实际开发中，我们常需为一组结构相似的输入区域（例如多个日期录入
Vue中emit是子组件向父组件通信的唯一合规方式，需用defineEmits声明事件名后调用emit发送；父组件通过@事件名监听，支持Promise异步响应与TypeScript类型约束。
DOM更新必须先更新父节点属性（Prop）再更新子内容（Children），因为Prop决定节点身份与行为边界，是children更新的上下文前提；如class、key、事件绑定等未就位，会导致闪动、复用失效、事件丢失或无效渲染。
位操作替代布尔数组可显著节省内存并加速运算，关键在于绕开数组直接操作位，如用uint16存16个布尔值、位掩码判断、CPU指令批量处理、按场景选密集型或稀疏型位结构，并避免边界检查和字符串转换等低效陷阱。
px转rem的basefont-size应以html元素实际生效的computedfont-size为准，而非浏览器默认16px；需通过DevTools查看或配置postcss-pxtorem的rootValue值。
Tailwind中extend.spacing不继承默认值，仅合并新增键，会导致未声明的mt-4等类彻底消失；正确做法是用theme.spacing完整重写或确保extend包含全部所需键。
Promise.all一错即停，适合强一致性场景；Promise.allSettled则全部返回结果，含status、value或reason，适用于需汇总、降级或统计的业务。
justify-self:end没生效，首要原因是缺乏对齐空间：父容器须设display:grid且定义列轨道（如grid-template-columns:1fr），目标元素必须是直系子元素且未脱离网格流（无position:absolute等）。
ES6中let和const提供块级作用域、存在暂时性死区、const不可重新赋值但允许修改对象内容、均禁止重复声明，推荐优先使用const，其次let，避免var。
浮动与绝对定位本质冲突，混用会导致布局错乱、高度塌陷等问题；因absolute完全脱离文档流，会忽略float声明，应明确职责、择一使用，优先采用Flexbox或Grid等现代布局方案。
最稳路径是用$button-variantsMap配合@each循环及lighten()/darken()生成按钮样式；key须为带引号字符串，value须为list或嵌套map，状态伪类须置于循环内，尺寸与色彩逻辑应分离管理。
纯HTML无法实现可运营的双十一页面，因其缺乏动态倒计时、库存更新、用户登录态、支付跳转等能力，必须配合JS、CSS及后端服务。
<p>data-*属性仅用于存储静态、轻量、非敏感的上下文信息，命名须小写连字符（如data-order-status），JS中通过dataset.orderStatus访问，写入必须用setAttribute，值恒为字符串且明文可见。</p>
Vue3的reactive对数组本身完全响应，但直接索引赋值（如arr[0]=val）或修改length不触发更新；应使用push、splice等内置方法或嵌套响应式对象。
预售定金翻倍需前后端协同：前端用localStorage标记支付状态并动态渲染膨胀金额，结合时间戳校验活动期；后端必须二次校验，接口层防护重复提交，且须跨时区真机测试。
