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