背景：Vite + Vue 3 首页 Hero 背景视频 promotion.mp4 首屏加载卡顿，
走一轮完整诊断 + 三层修复，把"整包下载才能播"改成"边下边播"。

一、现象：一个 8 秒的视频拖垮了整个首屏

首页首屏是一个全屏自动播放的背景视频，产品反馈：移动端打开首页要等好几秒才出画面。

技术栈：Vue 3 + Vite，视频放在 src/assets/mp4/promotion.mp4，在模板里直接引用：

线上接口突然变慢？慢查询日志暴涨？CPU 飙升？90% 的数据库性能问题都是索引问题。从 B+ 树底层原理到生产实战，一篇讲透 MySQL 索引优化。

一、B+ 树索引原理

1.1 为什么是 B+ 树

B 树（B-Tree）：
  每个节点存数据 → 一个节点能存的 key 少 → 树更高 → 磁盘 IO 更多

B+ 树（B+ Tree）：
  非叶子节点只存 key → 一个节点能存更多 key → 树更矮 → IO 更少
  数据只存叶子节点 → 叶子节点用双向链表连接 → 范围查询极快

MySQL InnoDB 选择 B+ 树的原因：
  1. 磁盘 IO 少（树矮，通常 3-4 层即可存千万级数据）
  2. 范围查询快（叶子节点链表，一次定位后顺序扫描）
  3. 查询稳定（每次都查到叶子节点，时间复杂度稳定 O(logN)）

JVM是Java程序的运行环境，它负责内存管理、垃圾回收和字节码执行，是理解Java性能的关键。
本文深入分析了JVM的内存结构和工作原理，帮助你优化Java应用性能。

1、类加载过程

	Java语言是一种具有动态性的解释型语言，类(Class)只有被加载到JVM后才能运行。当运行指定程序时，JVM会将编译生成的.class文件按照需求和一定的规则加载到内存中，并组织成为一个完整的Java应用程序。

	这个加载过程是由类加载器完成，具体来说，就是由ClassLoader和它的子类来实现的。类加载器本身也是一个类，其实质是把类文件从硬盘读取到内存中。

	类的加载方式分为隐式加载和显示加载。隐式加载指的是程序在使用new等方式创建对象时，会隐式地调用类的加载器把对应的类加载到JVM中。显示加载指的是通过直接调用class.forName()方法来把所需的类加载到JVM中。

mysql表设计及优化是系统设计的核心，它决定了数据的存储方式和访问效率。
本文介绍了mysql表设计及优化的原理和最佳实践，帮助你构建高效的数据存储方案。

一、一些建议

建议来自《MYSQL 王者晋级之路》，本文做些笔记

1）在创建业务表时，库名、表名、字段名必须使用小写字母，采用 “_” 分割。

2）mysql数据库中，通过lower_case_table_names参数来区别表名的大小写，默认为0，代表大小写敏感。如果是1，代表大小写不敏感，以小写存储。为字段选取数据类型时，要秉承着简单、够用的原则。表中的字段和索引数量都不宜过多，要保证SQL语句查询的高效性，快速执行完，避免出现堵塞、排队现象。