-
FirebaseFirestore要求每个复合查询（含多个where条件，尤其含范围操作符如<,<=,>=）必须有对应复合索引；无法真正“泛化”跳过索引，但可通过CLI预定义、合理设计字段结构及限制范围过滤器数量来系统化管理。FirebaseFirestore要求每个复合查询（含多个`where`条件，尤其含范围操作符如`
-
position:absolute下拉菜单错位因定位基准不稳定且top:100%无法适配动态高度；需父级设relative、box-sizing:border-box，并用visibility+transform替代display实现平滑过渡。
-
新闻邮件模板必须用表格+内联样式实现兼容，因Outlook、Gmail等客户端主动过滤CSS、JS及现代HTML标签，仅支持降级语法以确保不崩。
-
PKCE是移动端/SPA中替代client_secret的唯一合规方案，需用加密安全随机源生成43–128字符的code_verifier，经SHA-256哈希和Base64URL编码得code_challenge，授权请求带code_challenge与S256方法，换token时原样提交code_verifier。
-
关键是在submit事件中用querySelector按name或id定位input并取.value，需preventDefault防止刷新，值为字符串需手动转换类型。
-
ButtonFace、CanvasText等系统颜色关键字在现代项目中不可控、不可测、不可维护——它们依赖操作系统与浏览器联合解释，跨平台表现不一致，构建工具可能静默丢弃，且不响应prefers-color-scheme或forced-colors，WCAG合规性无保障；应改用语义化CSS自定义属性配合媒体查询精准控制。
-
ChromeDevTools没有“层面板”，实为对Rendering面板中Layerborders功能和Performance面板GPU监控的误称；Layerborders仅可视化合成层边界（KB级CPU元数据），不反映GPU显存（MB/GB级），显存泄漏需通过Performance面板GPUMemory曲线阶梯上升与任务管理器GPUProcess内存持续上涨交叉验证，并排查WebGL纹理未delete、OffscreenCanvas未close、CSS强制合成滥用等源头。
-
<p>prefers-color-scheme是CSS媒体查询，用于响应系统暗色偏好：@media(prefers-color-scheme:dark){/暗色样式/}，支持Chrome76+等现代浏览器，值为light/dark/no-preference，需配合data-theme属性避免与手动切换冲突。</p>
-
col标签需配合table-layout:fixed才能固定列宽；单独设width无效，且col的width属性已废弃，必须用CSS的style或class设置，span仅作用于起始列，colgroup须为table直接子元素。
-
transform-style:preserve-3d是魔方旋转的前提，不加则子元素被强制扁平渲染，Z轴位移和旋转全失效；必须作用于魔方容器（如.cube），并配合外层容器设置perspective以建立真实3D空间。
-
应优先用<strong>表示语义强调，如错误提示关键词；仅视觉加粗用CSS（font-weight:700）；禁用<b>伪装语义或整段包裹<strong>。
-
通过动态控制pointer-events并结合原生事件拦截，可在全局遮罩层中禁用点击、右键、拖拽等交互，同时保留鼠标滚轮和触摸滑动的滚动能力，适用于通用加载态组件。
-
maxlength仅对<input>（type为text、search、password、email、tel）和<textarea>有效，按UTF-16码元计数，非安全机制，后端必须二次校验。
-
在Vue单文件组件中使用scoped样式时，需穿透作用域限制才能覆盖BootstrapVue（如<b-tabs>渲染出的.nav-link）内部子组件样式；::v-deep(.selector)是Vue2/3兼容的深度选择器标准写法，比无括号或旧语法更可靠。
-
真正有效的DOM寻址收拢是建立有边界、可验证、按需触发的寻址层，核心为约定先行、封装隔离、延迟执行，通过语义化命名、集中配置、懒加载寻址器及渐进迁移实现稳定查找到查得稳。
