前端工程
React · TypeScript · Vite
熟练度
94%
数据可视化
交互动效
设计系统
性能优化
无障碍
组件工程
01 / SKILLS
配料表Skills
每一颗糖都有配方。
以下是我常用的那几味。
-
-
数据可视化
D3 · ECharts · Canvas
熟练度
90% -
交互与动效
CSS · WAAPI · GSAP
熟练度
86% -
性能优化
Core Web Vitals · RUM
熟练度
88% -
设计系统
Figma · Design Tokens
熟练度
80% -
后端与数据
Node · Python · SQL
熟练度
72%
02 / WORKS
橱窗里的作品
六件挑出来的。
都还热乎，可以试吃。
主打 2025 · 全栈
甜筒行情 · 实时看板
面向研究员的行情终端：WebSocket 增量推送、Canvas 自绘 K 线，10 万级数据点下仍保持 60fps。虚拟滚动 + Web Worker 计算指标，首屏 LCP 1.2s。
查看案例2025 · 前端
回测糖厂
策略回测结果可视化平台，净值曲线、回撤热力与因子相关矩阵一屏对照。
2024 · 开源
跳跳糖 UI
零依赖的 Web Components 组件库，48 个组件，gzip 后仅 21KB。
2024 · 玩票
棉花糖大冒险
纯 Canvas 手写的横版像素小游戏，含关卡编辑器，可离线游玩。
2023 · 独立
气泡水电台
播客站点：音频波形导航、章节跳转、逐字稿全文搜索。
2023 · 工具
太妃糖配色器
按 WCAG 对比度自动纠偏的配色助手，一键导出设计令牌。
03 / JOURNEY
熬糖的这些年
从写页面到定标准，
火候是一点点调出来的。
-
2024 — 至今Present
主理人 / 独立开发者
糖果屋工作室 · 上海
为金融科技与内容团队提供从设计到落地的一体化前端服务。
- 交付 11 个商业项目，平均 Lighthouse 性能分 96。
- 沉淀一套跨项目设计令牌体系，新项目搭建时间缩短 60%。
-
2022 — 20242 yrs
高级前端工程师
某数据科技公司 · 可视化组
负责机构级行情终端的前端架构与渲染性能。
- 把图表渲染从 SVG 迁到 Canvas，长列表帧率由 22fps 提升到 60fps。
- 主导代码分割与预加载策略，首屏体积下降 58%。
-
2020 — 20222 yrs
前端工程师
某互联网公司 · 增长团队
活动页与营销组件的批量生产，兼顾体验与转化。
- 搭建活动页低代码模板，单页开发从 3 天压缩到 4 小时。
- 推动无障碍改造，键盘可达率从 41% 提升至 100%。
-
2016 — 2020Education
计算机科学与技术 · 学士
某大学 · 人机交互方向
主修图形学与人机交互，毕设做了一个浏览器端的粒子系统编辑器。
04 / ABOUT
关于这间糖果屋
一个人，一台电脑，
和过量的糖分摄入。
我相信「好用」本身就该是甜的
做了六年前端，我见过太多把用户当成说明书读者的界面。我更愿意花时间在那些看不见的地方：一次点击的反馈延迟、一段文案的语气、一个空状态该说什么话。
大多数时间我在做数据密集型的界面——行情、回测、监控台。这类产品的难点不是画图表，而是在信息洪水里替用户做减法，同时不能让它变得无趣。所以我给自己定了个规矩：先让它准确，再让它快，最后让它有点脾气。
不写代码的时候，我会拆键盘、烤饼干，以及在便利店研究哪款软糖的包装配色最狠。
「界面不该只是能用，它应该让人想再点一次。」
- 坐标
- 上海 · 可远程
- 角色
- 前端工程师 / 可视化设计
- 武器
- TypeScript · React · D3 · Canvas
- 偏好
- 深色键帽、浅色主题、重口味配色
- 口味
- 荔枝味软糖（不接受反驳）
- 写一个基于 WebGPU 的十万点散点图渲染器
- 读《Refactoring UI》第三遍
- 学Scroll-driven Animations 与 View Transitions
- 找2026 Q4 的长期合作项目
05 / CONTACT
有个甜甜的
有个甜甜的
想法？端上来。
无论是一个完整产品、一个卡了很久的性能问题，还是只想聊聊配色——都欢迎。工作日 24 小时内必回。