-
伪元素垂直居中推荐用flex布局：宿主元素设display:flex和align-items:center，伪元素自动参与居中；单行文本可配合line-height与height相等及vertical-align:middle；绝对定位+transformtranslateY(-50%)为备选方案。
-
Object.getPrototypeOf是运行时探测原型链的关键工具，需结合遍历、比对、混入识别等构建继承审计机制，用于验证类库真实继承关系、检测覆盖断裂、定位隐式代理层，并规避Proxy等干扰。
-
可通过GitHubPages、Netlify、GoogleDrive或Vercel将HTML文件部署为云端网页。2.GitHubPages需创建用户名.github.io仓库并推送index.html，访问对应域名即可发布。3.Netlify支持拖拽上传ZIP文件夹，自动分配子域名并可自定义设置。4.GoogleDrive上传后需借助gdrive.link等工具转换分享链接为可访问网页URL。5.Vercel可通过导入项目或上传ZIP部署，自动构建并提供.vercel.app临时访问地址。
-
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挂载后再触发动画，隐藏时也应淡出以保持体验一致。
