博客技术栈
本站使用以下技术构建,追求高性能与最佳开发体验
Astro 5
现代化的静态站点生成器
Tailwind CSS 3
实用优先的 CSS 框架
TypeScript
类型安全的 JavaScript
Swup
页面过渡动画
最新文章
View all posts »记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨,希望对你有所帮助。

苹果玻璃样式深度解析:从毛玻璃到 visionOS 的视觉设计哲学
深入分析苹果玻璃材质(Glass Morphism)设计语言从 iOS 7 到 visionOS 的演进历程,涵盖磨砂玻璃、动态模糊、色彩混合原理及 CSS/WebGL 实现方案

修复落地页加载白闪屏:CSS transition 引发的性能问题
排查并修复博客落地页在暗色模式下的加载白闪屏问题,根因是 html 标签上的 Tailwind transition class 导致首帧背景色动画化

CSS in JS 技术详解:从 styled-components 到 Panda CSS
深入探讨 CSS in JS 技术的发展历程、核心方案对比(styled-components、Emotion、Vanilla Extract、Panda CSS),以及编译时零运行时方案的优势与选型建议

Ant Design X 2.7 发布:RICH 范式与 Hybrid UI 重塑 AI 界面开发
Ant Design X 是 Ant Design 生态面向 AI 驱动界面的 React 组件库,基于 RICH 交互范式与 Hybrid UI 理念,提供流式 Markdown 渲染、A2UI 动态卡片、AI SDK 等完整解决方案。
我的技术栈
多年积累的技术能力,持续学习与进步
React
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Astro
Svelte
Node.js
Git
VS Code
pnpm
Vite
Markdown
我的项目
以下是我参与和开发的一些项目,持续更新中