本站

handlebar的学习与使用
Vite 最小化的构建与实现
全程使用Codex Agent进行委托任务，手写 code 几乎很少
可以看到我对所有产品的技术选型的背后思想

我的博客

Astro + Markdown 静态网页+动态内容的极致实现
Github CI 的持续构建，最大化开发体验

Whichcard Abroad

日本信用卡海外使用比较

Nuxt.js
Serverless / 云原生 Function 架构

Canvas Contribution

一个基于 Canvas 的前端可视化工具，用来生成类似 GitHub Contribution 的活动热力图，支持自定义数据、颜色和文案，适合做个人数据展示或轻量图表嵌入。

Pure Javascript + Canvas 2D 学习与实现
NPM Package 的打包与发布

PS4 Wallpaper Helper

一个使用 Electron 开发的桌面工具，帮助用户更方便地整理、浏览和获取适配 PS4 的壁纸资源，提升主机个性化设置的体验。

Electron的学习，从开发到打包的一整套流程
Express.js / Vue.js / Element UI

日系直邮代购转运费用对比

一个面向日淘和转运场景的费用对比工具，使用 React 构建，帮助用户快速估算不同直邮、代购和转运方案的总成本，降低下单前的决策门槛。

React.js 的单项数据流理解与展示
纯前端无后端的实现
手搓 Webpack 配置文件

Paper-White

一个简洁清爽的 Hexo 博客主题，基于现有主题进行风格与结构上的再设计，强调内容阅读体验，也体现了我在前端界面打磨上的审美取向。

HTML/CSS/JS 的基础学习与展示
对技术的理解与产品审美的综合结合

PixInTouch

一个基于 C#.NET 开发的桌面项目，聚焦图片相关的处理与交互体验，体现了我在 Windows 应用开发和工具型产品实现上的实践。

C# / WPF 客户端的学习与开发
HTTP API的各个方法的理解与实操实装