-
问题根源在于Piniastore的updateQuantity方法中，find()回调里错误使用了赋值操作符=而非严格相等===，导致item.item.id=id执行后意外修改了第一个商品的ID，进而使后续查找全部命中首项。
-
JavaScript的对象属性描述符不只是用来定义一个属性是否可写或可枚举，它们在构建健壮、可控的对象时提供了强大的控制能力。通过Object.defineProperty和Object.getOwnPropertyDescriptor等方法，可以实现更精细的属性管理。以下是几个实用且高级的用法。1.创建不可变但可配置的属性有时候你希望某个属性的值不能被修改，但在特定条件下允许重新定义它。这可以通过设置writable:false但保留configurable:true来实现。说明：这样属性
-
合理使用内联关键CSS、异步加载非关键CSS，并通过defer延迟执行依赖DOM的JS脚本，可有效减少阻塞、提升首屏渲染速度与页面交互性能。
-
Less没有sin()、cos()、tan()等三角函数，官方内置函数仅限基础算术与单位处理，调用会报错“undefinedfunction”；三角计算需交由CSS运行时（如calc()配合JS或自定义属性）或JavaScript动态完成。
-
正则表达式在JavaScript中用于高效处理文本匹配与解析，关键在于合理设计模式以提升性能和可维护性。应明确边界锚定、避免过度使用贪婪匹配，采用命名捕获组增强可读性；为优化性能，需减少回溯风险，避免灾难性回溯，可通过预编译正则、先做简单判断等方式实现；面对结构化文本如CSV或HTML，宜分步解析，结合split()、replace()等方法，而非依赖单一复杂正则；利用replace配合函数替换可边匹配边构建数据结构，适用于伪对象解析等场景；最终应保持正则清晰、测试边界，避免过度复杂化导致维护困难。
-
border-style:dashed是首选虚线方案，因其原生兼容IE8+、无需JS或伪元素、语义清晰且准确渲染；但必须显式设置border-width和颜色，否则浏览器默认medium宽度导致虚线不一致。
-
JavaScript通过操作CSS的box-shadow/text-shadow属性或CSS变量来动态控制阴影效果，支持内联样式、类名切换、交互响应及主题适配，CSS变量可读写并自动重绘。
-
矩形与圆形碰撞检测的核心是判断圆心到矩形最近点的距离平方是否小于等于半径平方。先计算最近点坐标，再通过提前排除（如|dx|>r）优化性能。
-
WebWorkers无法直接操作DOM，因运行在独立线程且无document、window等API，只能通过postMessage与主线程通信；支持console、fetch、ArrayBuffer等，不支持localStorage、XMLHttpRequest；需注意结构化克隆限制、同源脚本要求及SharedArrayBuffer使用门槛。
-
直接清除浏览器默认边框并用border重绘，配合:focus和:hover实现状态反馈：先设outline:none、border:1pxsolid#ccc、background-color:#fff、box-sizing:border-box；聚焦时改border-color为#409eff并加box-shadow光晕，加transition动画；兼顾可访问性需设:focus-visible；微调border-radius:4px、padding:8px12px、font-size:14px/16px、
-
位图可将布尔状态压缩至1位/状态，内存节省87.5%：用uint64_t数组存储，每单元管64状态，100万状态仅需125KB；核心操作包括位索引映射、置位、清零与查询；工程中需封装、对齐、用SIMD指令优化。
-
PerformanceAPI通过高精度时间戳提供页面加载、资源请求等性能数据。1.使用performance.now()获取精确时间；2.用mark和measure测量自定义逻辑耗时；3.通过navigation条目计算DNS、TCP、白屏等关键指标；4.利用PerformanceObserver监听动态资源加载。结合上报机制可构建完整前端监控体系，持续优化用户体验。
-
滚动条挤占内容宽度是浏览器默认行为，非bug；最优解是html元素上使用scrollbar-gutter:stable配合overflow-y:auto，不支持时降级为html{overflow-y:scroll}。
-
福昕PDF编辑器转HTML最稳，但无法完全保形；它兼容中文排版与表格，支持手动选页，转换后HTML含内联样式和table标签，需人工优化语义结构。
-
Vue3响应式不自动穿透Map/Set嵌套：仅结构变更（add/delete）可响应，内部对象属性修改需显式reactive包裹+模板读取触发依赖；WeakMap/WeakSet不支持响应式。
