博客技术栈
本站使用以下技术构建，追求高性能与最佳开发体验
Astro 5
现代化的静态站点生成器
Tailwind CSS 3
实用优先的 CSS 框架
TypeScript
类型安全的 JavaScript
Swup
页面过渡动画
最新文章
View all posts »记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨，希望对你有所帮助。
Web Components 实战：生命周期、Shadow DOM 边界与声明式 Shadow DOM 的代价
把 Web Components 当成「不用框架的组件」会连续踩进四个坑：constructor 里读不到属性、connectedCallback 会重复执行、样式穿不过 Shadow 边界、SSR 输出的内容抓不到。本文用可运行代码拆开自定义元素、属性同步、Shadow DOM 与声明式 Shadow DOM，最后给出不该用它的场景。
「快了快了」：进度汇报的修辞学
「快了」「就差联调了」「整体完成了 90%」——这些句子不是进度，而是一种文体。拆解进度汇报里六种常见句法，逐条翻译它们真正在说什么，再给出一份追问清单和一份不容易心虚的汇报模板。
编译器报错大赏：一句话能写几屏
六行 C++、一个忘了实现的 operator<，GCC 回了 78 行，Clang 回了 220 行。这篇拆开报错的三层结构（error / required from / note），讲清模板实例化为什么把调用栈倒着打印，再给出三招把报错读短：从开头那条 error 读、搜自己的文件名、把长表达式拆成具名变量。
教程地狱的出口：学一门新技术，先设计它怎么让你失败
教程地狱的成因不是意志力，而是反馈：教程保证每一步都成功，真实环境却从不保证。本文把学习拆成一张三问验收卡、一个最小验证项目、一张失败矩阵和一次「预测—运行—解释」循环，附 10 小时预算、止损线和可执行的脚手架脚本。
我的技术栈
多年积累的技术能力，持续学习与进步
React
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Astro
Svelte
Node.js
Git
VS Code
pnpm
Vite
Markdown
我的项目
以下是我参与和开发的一些项目，持续更新中