-
Bootstrap导航栏用transform+transition隐藏失效，主因是未设fixed/absolute定位；应添加fixed-top类、避免overflow:hidden，并仅对.navbar根元素加transform动画，配合JS切换.hidden类实现平滑滑入滑出。
-
width:max-content并非万能，仅在display:inline-block或table时生效，Firefox严格按内容计算，Chrome可能忽略内联换行；fit-content更稳妥，兼容性好且对flex/grid有效，IE需fallback为inline-block+white-space:nowrap。
-
JavaScript类型转换分隐式和显式，隐式转换在==、+、-等运算及布尔判断中自动发生，如1+"2"→"12"、"6"-"2"→4、[]为真值；对象转换先调用valueOf()再toString()。
-
私有方法不参与继承，子类无法访问、重写或调用；Java用private、Python用__实现，目的均为封装内部逻辑、保障继承体系安全稳定。
-
右侧固定块必须写在HTML中自适应块之前，且父容器需清除浮动；自适应块设margin-right腾出空间，禁用width，否则失去响应能力。
-
按钮尺寸应以padding+min-width+font-size协同控制，禁用纯height/width硬设；移动端点击区须≥44px×44px，主操作按钮推荐16px字号+10px20px内边距+44px最小高，class命名需语义化（如btn-primary）而非视觉化。
-
flex-direction在媒体查询中失效的主因是父容器未声明display:flex，或@media未正确作用于目标元素；需基础样式设column，再用min-width断点切row，并同步处理order值。
-
单个伪元素只能被整体裁剪，无法实现碎片感；真正“碎”需将文字拆为独立单元（如span），每个单元用多个伪元素配合polygon()坐标、transform位移及随机化参数分别动画。
-
ul+li是搭建物流时间轴最稳妥方案：ul语义清晰兼容性好，li按时间顺序代表节点且支持状态回退；每个li含time/strong/p三部分，用data-status="active"标记进行中节点；CSS通过relative定位+伪元素画圆点和竖线，避免兼容问题；动态高亮依赖后端current字段而非索引；移动端详情展开用手写aria-expanded+max-height过渡替代details标签。
-
必须写自定义Babel插件，因为transform-remove-console仅支持标准console.*调用且配置僵化，无法按函数签名过滤、识别自定义调试函数（如debug）或结合注释条件剔除。
-
Set适合识别元素级增删差异（如A-B、B-A）、判断无序去重后是否相等，但无法处理位置变化、重复次数、嵌套结构或生成补丁，也不能替代虚拟DOM的树结构Diff算法。
-
手动分段清理数组的核心思路是将大体积连续删除拆为多个小批次，每次操作后主动让出执行权，避免主线程长时间阻塞；这在浏览器或Node.js单线程事件循环中至关重要，可防止因数十万次同步pop()累积导致的界面卡顿、响应延迟或“无响应”判定。
-
本文讲解如何在JavaScript中对二维数组按指定列（如产品编号）进行分组，并对另一列（如数量）求和，最终生成键值对对象，同时指出常见错误及现代写法优化。本文讲解如何在JavaScript中对二维数组按指定列（如产品编号）进行分组，并对另一列（如数量）求和，最终生成键值对对象，同时指出常见错误及现代写法优化。在处理表格型数据（如导出的CSV或数据库查询结果）时，常需按某一字段（如商品编码TCN0018）聚合其他字段（如数量）。你提供的原始代
-
背压是让系统在过载时有序应对的机制，核心是消费者主动声明处理能力，通过缓冲、丢弃、合并、限速等策略适配业务需求，并依赖底层支持与监控闭环。
-
直接重置fieldset边框和legend样式最省事：fieldset{border:none;padding:0;margin:0;}，legend{display:block;width:fit-content;margin:0auto;}，并注意浏览器对legend定位的隐式规则。
