-
P95/P99比平均值更适合识别性能毛刺，因其反映最慢5%/1%请求的耗时上限，能暴露被均值稀释的尾部异常；需结合时间切片、链路分层和异常指标下钻定位根因，并采用滑动窗口、分场景监控与阶梯告警等策略。
-
grid-row跨行必须指定起始和结束行线，如2/4占第2、3行；支持命名线如a/c，span需配合起点如3/span2；单独span2由浏览器自动分配起点但不可控。
-
必须同时设置-webkit-background-clip:text、background-image和color:transparent才能实现彩虹文字；Firefox不支持该特性，需提供降级方案；动画时需显式声明background-size以确保滚动平滑。
-
CSS组件加父级作用域的核心是用明确外层选择器包裹样式，如类名前缀（.my-card）、scoped属性、:where/:is伪类或CSSModules实现隔离，避免全局污染。
-
内容撑开布局的解决核心是组合使用min-height与overflow：min-height设定容器最小高度以避免僵化，overflow控制溢出行为，二者协同实现弹性稳定布局。
-
element.attributeStyleMap是TypedOM的可变入口，提供类型安全的样式操作；它返回StylePropertyMap对象，需用set()或append()修改，支持CSSUnitValue等类型值，不支持驼峰命名和自定义属性。
-
百度地图JSAPI仅支持bd09ll坐标系，WGS84或GCJ02坐标直接使用会导致500–700米偏移；必须通过百度官方接口转换，且需确保地图容器尺寸正确、高精度定位启用、错误处理完备。
-
伪元素::after引号需用英文引号包裹content值，如content:"“"；语录容器必须设position:relative以确保定位准确；字号行高需显式设置并微调对齐。
-
Less中用calc()配合float不能提升兼容性，反而降低兼容性；正确做法是用变量定义宽度（如@sidebar-width:200px），编译为静态margin-left:200px，确保IE6安全，并用::after清浮动。
-
本文介绍一种轻量、高效、无依赖的JavaScript方案，用于实现「拖拽元素时自动扩展父容器宽高」的效果，适用于Figma类设计工具的无限画布场景，支持平滑滚动、边界自适应与多元素管理。
-
纯CSS可实现3D文字效果：用text-shadow多层偏移模拟纵深（兼容性好、轻量），或用transform-style:preserve-3d+transform实现真3D分层（需字符包裹span、父容器设perspective和preserve-3d）；字体选择、抗锯齿设置及设备适配至关重要。
-
用opacity+transition实现淡入淡出是最简方案，初始设opacity:0和visibility:hidden，显示时加.show类并统一设置transition:opacity0.2sease,visibility0.2s；需确保DOM挂载后再触发动画，隐藏时也应淡出以保持体验一致。
-
JavaScript事件内存泄漏本质是闭包引用未释放：监听器未解绑或函数引用不一致导致DOM节点及关联数据无法回收，AbortController可统一管理生命周期。
-
HTML表单需要明确标签的核心原因在于提升用户体验、确保无障碍访问，并赋予表单元素清晰语义。1.标签通过for与id关联输入控件，使用户点击标签即可激活输入框，提升可用性；2.屏幕阅读器可读出标签内容，帮助视障用户理解输入目的；3.标签始终可见，不像placeholder会消失，便于用户回顾信息；4.无标签表单会导致可用性下降、无障碍问题严重、代码可读性差、错误提示难以关联；5.高级技巧包括使用fieldset与legend对选项分组，以及使用ARIA属性如aria-labelledby与aria-des
-
旧版Safari中linear-gradient渲染黑块主因是rgba()透明色不被支持，应改用transparent或8位hex（iOS12仍不支持需降级），并双写-webkit-linear-gradient与标准语法、分开声明background属性、避免简写清空渐变。
