整体布局方案 — MoKeeText 记事本

左侧双面板切换（笔记 + 网站管理） + 右侧 Markdown 编辑/预览分屏

📝 笔记编辑模式 — 整体布局预览
📝 笔记
🔐 网站
📁 文件夹
📁 全部笔记 12
📂 工作 5
📂 个人 4
📂 学习 3
🏷️ 标签
python mysql 前端 部署
MySQL 索引优化笔记 ✅ 已保存
🏷️ python 🏷️ mysql + 标签
✏️ 编辑
# MySQL 索引优化

## B+Tree 索引原理

聚簇索引的叶子节点存储整行数据
二级索引叶子节点存储主键值

回表查询通过二级索引找到主键
再到聚簇索引查找完整行

## 最左前缀原则

联合索引 (a, b, c) 等价于:
- 索引 a
- 索引 (a, b)
- 索引 (a, b, c)

// 无法使用索引的情况:
WHERE b = 1 — 跳过了 a
WHERE c = 1 — 跳过了 a, b
👁️ 预览

MySQL 索引优化

B+Tree 索引原理

聚簇索引的 叶子节点存储整行数据

二级索引叶子节点存储 主键值

回表查询通过二级索引找到主键再到聚簇索引查找完整行

最左前缀原则

联合索引 (a, b, c) 等价于:

  • 索引 a
  • 索引 (a, b)
  • 索引 (a, b, c)

⚠ WHERE b = 1

⚠ WHERE c = 1

✅ 布局要点

  • 左侧 250px 固定宽度，笔记/网站一键切换
  • 文件夹树 + 标签筛选，双重组织
  • 右侧 Markdown 编辑/预览 左右分屏
  • 飞书风格：大量留白、轻量阴影、蓝色强调

❓ 待确认

  • 分屏比例是否需要可调？
  • 是否需要纯编辑/纯预览的切换按钮？
  • 左侧面板宽度是否合适？