博客技术栈
本站使用以下技术构建，追求高性能与最佳开发体验
Astro 5
现代化的静态站点生成器
Tailwind CSS 3
实用优先的 CSS 框架
TypeScript
类型安全的 JavaScript
Swup
页面过渡动画
最新文章
View all posts »记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨，希望对你有所帮助。
Web Font 加载优化：从 FOUT 到完美渲染
系统讲解 Web 字体加载的性能问题：FOUT 与 FOIT 的区别、font-display 如何选择、preload、自托管与子集化、可变字体，附可落地的代码示例。
AI 生成代码的翻车现场：从「自信胡说」到「幻觉依赖」
当 AI 编码助手一本正经地推荐根本不存在的函数和依赖包，我们该如何笑着把安全漏洞挡在门外。
rm -rf 的悲惨故事：当一条命令删掉整个公司
从 Toy Story 2 到 GitLab 事故，聊聊 rm -rf 这条「核弹级」命令如何一次次制造人间惨剧，以及我们该怎么防。
开源项目参与指南：从第一个 PR 到维护者
从寻找合适的项目、提交第一个 Pull Request，到 Code Review 礼仪与晋升维护者，梳理一套可落地的开源参与路径，附可直接复制的工作流命令与 PR 模板。
我的技术栈
多年积累的技术能力，持续学习与进步
React
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Astro
Svelte
Node.js
Git
VS Code
pnpm
Vite
Markdown
我的项目
以下是我参与和开发的一些项目，持续更新中