博客技术栈
本站使用以下技术构建，追求高性能与最佳开发体验
Astro 5
现代化的静态站点生成器
Tailwind CSS 3
实用优先的 CSS 框架
TypeScript
类型安全的 JavaScript
Swup
页面过渡动画
最新文章
View all posts »记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨，希望对你有所帮助。
数据库索引原理与查询优化：B+ 树、最左前缀与 EXPLAIN 实战
用可复现的实测数据讲清索引为什么快、又为什么常常静默失效：从 B+ 树的高度与回表代价，到最左前缀、覆盖索引、函数包列与 LIKE 前缀四种失效场景，每种都附真实的 EXPLAIN 输出与耗时对比。
响应式图片与现代图片格式：AVIF、WebP 与 <picture>
把图片优化拆成格式、尺寸、时机三个独立问题：AVIF/WebP/JPEG 如何分级回退，srcset 与 sizes 的选择算法怎么算，loading、fetchpriority、preload 什么时候用，以及构建期用 sharp 批量生成多尺寸多格式的完整代码。
技术黑话词典：从「在我机器上是好的」到「这是个特性」
「偶现」「在我机器上是好的」「加个重试就好了」——每一句技术黑话都在掩盖一个真实的技术问题。把它们逐条翻译成人话，再看看它们各自在掩盖什么。
程序员面试中的搞笑瞬间：白板前的众生相
从 Homebrew 作者被 Google 拒之门外，到 FizzBuzz 筛掉一半应聘者——面试间里那些荒诞又真实的瞬间。
我的技术栈
多年积累的技术能力，持续学习与进步
React
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Astro
Svelte
Node.js
Git
VS Code
pnpm
Vite
Markdown
我的项目
以下是我参与和开发的一些项目，持续更新中