Grid容器里用place-items一键居中只要父容器是display: grid，place-items: center就能同时搞定子元素的水平和垂直居中——它等价于同时设justify-items: center和align-items: center，对单个子项或多个子项都生效。典型场景：你只放了一个<div>进Grid容器，又没设grid-template-rows或grid-templ

MySQL容器必须挂载/var/lib/mysql到命名卷以持久化数据，root密码须通过MYSQL_ROOT_PASSWORD设置，配置应挂载到/etc/mysql/conf.d/，并显式声明端口与时区。docker-compose.yml 里 mysql 服务必须显式挂载 /var/lib/mysql不挂载会导致容器重启后数据全丢——因为 MySQL 默认把数据写在容器内文件系统，而 Dock

}注意：不要直接改 Bootstrap 源码或 CDN 引入的 CSS，用自定义样式覆盖更安全和 container 混用时的典型踩坑有人想“主区用 fluid，里面某块用 container 居中”，结果发现 container 在 container-fluid 里不居中，甚至错位。这不是 bug，是设计使然：container 的居中依赖于自动 margin，而它的宽度计算仍基于断点，如果父

本文介绍如何通过 css 变量与 `auto-fit` 配合 `calc()` 动态计算行列尺寸，使网格项始终严格填充固定大小的容器，无论行列数如何变化。在构建类似 SketchPad 这类需要动态调整网格密度（如 16×16、32×32）但又必须严格约束在固定画布区域内的应用时，常见误区是直接用 grid-template-rows: repeat(N, 1fr) —— 这会导致总行高/列宽随

uni-app中多点触控需用touches而非changedTouches判断双指，缩放锚点应为两指中心并用复合transform实现，小程序需catchtouchmove+enhanced模式优化频率，双击放大应基于tap事件并动态计算最大缩放倍数。默认情况下，touchstart 事件的 touches 列表只包含当前触发事件的手指（通常是第一个），而 changedTouches 才是本次变

uni-app拖拽排序核心是touchstart+touchmove监听→计算目标索引→splice交换数组项；uni-app 中用 touchstart + touchmove 实现拖拽排序的底层逻辑uni-app 没有原生 Drag and Drop API 支持（尤其在小程序端），必须靠手动监听触摸事件 + 动态更新列表顺序来模拟。常见错误现象：touchmove 触发太频繁导致卡顿、拖拽中