2026-04-11 学习日志

今日主题

Vite 内置 PostCSS 支持，自动识别 postcss.config.js；PostCSS 本身只是 CSS 转换平台（读取→遍历AST→输出），所有功能由插件完成；Tailwind CSS 本质上是一个 PostCSS 插件
tailwind.config.ts 中 theme.extend 的含义是'在默认主题基础上追加'，而非替换。直接写在 theme 下会丢失 Tailwind 内置的所有默认值（如 red-500、blue-200）
HSL 颜色模型：H=色相（色轮 0-360° 角度对应不同颜色），S=饱和度（0%灰→100%纯色），L=亮度（0%黑→100%白）。相比 HEX，HSL 的优势是调色直觉化——切换暗色模式只需改 L 值，色调不变
CSS 变量（自定义属性）：用 -- 前缀定义，var() 读取，向下继承作用域。shadcn/ui 的设计模式是：index.css 定义变量值 → tailwind.config.ts 用 hsl(var(--xxx)) 桥接注册为 Tailwind 颜色 → 组件中用 className 使用。切换主题只需覆盖变量值
@tailwind 是 Tailwind 自定义的占位符指令（非标准 CSS），编译时被替换为实际生成的 CSS；@layer 是 CSS 标准语法（浏览器原生支持），用于控制样式优先级层次。CSS 规范对未知 @xxx 规则宽容（忽略而非报错），加上 IDE 插件支持，所以 @tailwind 不会报语法错误

罗技 Bolt 适配器的轮询率上限约为 145Hz，这是由 Bolt 技术底层决定的。而这个相对较低的轮询率，正是罗技办公外设能实现超长续航的关键原因——用低轮询率换取长续航
轮询率（Polling Rate）是指外设（如鼠标、键盘）每秒向电脑报告自身状态的次数，单位是 Hz
就像老师点名——每秒点名 1000 次（1000Hz）肯定比每秒点名 145 次（145Hz）更"实时"，但也更累（更耗电）
对于日常办公，145Hz 和 1000Hz 的体感差异几乎察觉不到，所以罗技选择低轮询率来换取超长续航是合理的策略
USB 协议里有一种传输类型叫中断传输（Interrupt Transfer），鼠标键盘用的就是这种。但名字叫"中断"，底层机制其实是轮询——USB 主机控制器按照固定间隔去轮询设备的端点，问它有没有新数据