博客技术栈
本站使用以下技术构建，追求高性能与最佳开发体验
Astro 5
现代化的静态站点生成器
Tailwind CSS 3
实用优先的 CSS 框架
TypeScript
类型安全的 JavaScript
Swup
页面过渡动画
最新文章
View all posts »记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨，希望对你有所帮助。
响应式图片与现代图片格式：AVIF、WebP 与 <picture>
把图片优化拆成格式、尺寸、时机三个独立问题：AVIF/WebP/JPEG 如何分级回退，srcset 与 sizes 的选择算法怎么算，loading、fetchpriority、preload 什么时候用，以及构建期用 sharp 批量生成多尺寸多格式的完整代码。
技术黑话词典：从「在我机器上是好的」到「这是个特性」
「偶现」「在我机器上是好的」「加个重试就好了」——每一句技术黑话都在掩盖一个真实的技术问题。把它们逐条翻译成人话，再看看它们各自在掩盖什么。
程序员面试中的搞笑瞬间：白板前的众生相
从 Homebrew 作者被 Google 拒之门外，到 FizzBuzz 筛掉一半应聘者——面试间里那些荒诞又真实的瞬间。
技术写作心得：如何写出清晰的技术文档
文档写不好，成本由所有读者分摊。用 Diátaxis 框架区分文档类型，配上五条能立刻上手的写作原则和一段可运行的代码块校验脚本，把「写得能看懂」变成可执行的标准。
我的技术栈
多年积累的技术能力，持续学习与进步
React
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Astro
Svelte
Node.js
Git
VS Code
pnpm
Vite
Markdown
我的项目
以下是我参与和开发的一些项目，持续更新中