-
flex-grow控制子元素在容器有剩余空间时的扩展比例，flex-shrink决定空间不足时的收缩行为。默认flex-grow:0不扩展，flex-shrink:1可等比收缩。通过设置不同值可实现内容区自动填满、防止输入框压缩等布局效果。推荐使用flex简写如flex:1（等价于flex:110%）或flex:10auto，并配合min-width:0解决收缩失效问题，从而构建自适应弹性布局。
-
true+1===2成立，因为JavaScript在数值运算中将true隐式转换为1，再执行加法得2；加号优先数值转换而非字符串拼接，且布尔转数值规则为true→1、false→0。
-
overflow-wrap:break-word单独使用无效，需配合white-space:normal和明确的max-width才能触发换行；flex子项还需加min-width:0解除默认保护。
-
直接在子类上定义Symbol.toStringTag没效果，因为该属性需存在于实例自身且为可枚举字符串；class声明不自动将其设在实例或原型上，静态getter只影响构造函数本身。
-
Map不是状态管理工具，而是用于数据映射与解耦的轻量载体，支持对象/Symbol作键、插入顺序保障，适用于缓存索引、运行时注册表、局部快照桥接等场景，可实现细粒度状态隔离与低开销中间层构建。
-
可视化性能时间线是性能问题的“X光片”，将耗时、阻塞、异常调用转化为可定位、可对比、可归因的视觉线索，支撑精准归因、跨层关联、小步重构与流程固化。
-
本文详解newRegExp(pattern)与/pattern/.test(string)的核心差异，重点指出构造函数中误加斜杠、转义缺失及标志传递等常见错误，帮助开发者避免密码校验等场景下的匹配失败问题。本文详解`newRegExp(pattern)`与`/pattern/.test(string)`的核心差异，重点指出构造函数中误加斜杠、转义缺失及标志传递等常见错误，帮助开发者避免密码校验等场景下的匹配失败问题。在JavaScri
-
必须写自定义Babel插件，因为transform-remove-console仅支持标准console.*调用且配置僵化，无法按函数签名过滤、识别自定义调试函数（如debug）或结合注释条件剔除。
-
HTML不是编程语言，没有函数可影响SSD性能；前端代码与NVMe/SATA硬件完全无关，真正影响加载速度的是网络、缓存、服务器响应等环节。
-
HTML不该设长缓存时间，因其作为页面入口，变更需立即生效；否则用户将加载错误资源、卡在旧逻辑中。应采用短缓存（如max-age=60）或协商缓存（no-cache），并分离动态内容与静态结构。
-
MessageChannel必须为每个Worker单独创建，不支持一对多复用；Worker收到port后需显式调用port.start()才能收消息；高频小数据通信优先用port.postMessage()，大数据传输仍用worker.postMessage()+transferable；Worker无法自行创建MessageChannel。
-
要让面包屑过长时显示省略号，需用Flexbox布局：父容器设display:flex和overflow:hidden，首项flex:00auto，分隔符固定宽，中间项flex:01120px，末项flex:110且min-width:0、white-space:nowrap、overflow:hidden、text-overflow:ellipsis。
