> RENDERING_UI

你好,我是
猴子程序员

前端工程师 · UI 架构师 · 交互狂热者
沉迷于像素级还原、丝滑动画与极致用户体验。

6+
Years Frontend
40+
UI Projects
99
Lighthouse Score
Pixels Pushed

前端能力矩阵

⚛️
React 18+
MASTER
🟢
Vue 3
EXPERT
🔷
TypeScript
EXPERT
📱
Next.js
EXPERT
🎨
Tailwind CSS
MASTER
🔄
Framer Motion
EXPERT
📊
D3.js
ADVANCED
🧩
Web Components
ADVANCED
🎮
Three.js / WebGL
ADVANCED
Vite
EXPERT
🧪
Jest / Vitest
ADVANCED
🌐
WebAssembly
LEARNING

前端作品集

🎨 Aurora UI · 组件库 2025.04

自研 React 组件库,包含 60+ 高质量组件,支持主题定制、暗色模式、国际化。 采用 Compound Component 模式设计 API,Storybook 文档覆盖率 100%。

React TypeScript Rollup Storybook CSS-in-JS
📊 FlowViz · 可视化编辑器 2024.12

拖拽式数据可视化搭建平台,支持实时预览、代码导出。 基于自研布局引擎实现自由画布与自动布局双模式,支持 ECharts/D3/Three.js 多渲染引擎。

Vue 3 D3.js WebSocket Pinia Canvas API
🎬 MotionLab · 动画引擎 2024.08

声明式 Web 动画引擎,支持时间线编排、物理弹簧、手势驱动的交互动画。 API 设计参考 Framer Motion,体积仅 8KB gzipped,运行时零依赖。

TypeScript Web Animations API RequestAnimationFrame Rollup
🛠️ PixelCraft · 低代码搭建 2024.04

面向中后台的低代码搭建平台,支持 JSON Schema 驱动表单、 可视化页面编排、自定义物料接入,生成代码可独立部署运行。

React Zustand Monaco Editor WebWorker IndexedDB

系统信息

monkey@frontend:~$
whoami
name: 猴子程序员
role: Frontend Engineer & UI Architect
location: China
status: Crafting pixel-perfect UIs
cat /etc/motd
"好的界面会说话,好的交互会呼吸。每一个像素都值得被认真对待。"
// 追求极致用户体验,让代码成为艺术
cat frontend.json | jq '.passions'
[
  "CSS 动画与交互设计",
  "前端工程化与构建工具",
  "Web 性能优化",
  "组件库与设计系统",
  "WebGL 创意编程",
  "浏览器原理"
]
echo $QQ
2167638825

职业轨迹

2024.03 — 至今
高级前端工程师 · PixelTech
负责设计系统与组件库建设,推动前端工程化升级,Web Vitals 指标提升 40%
2022.06 — 2024.02
前端工程师 · CloudUI
主导低代码平台前端架构设计,自研拖拽引擎与实时预览方案,服务 500+ 企业用户
2020.07 — 2022.05
初级前端工程师 · DataViz
开发大数据可视化仪表盘,基于 WebGL 实现百万级数据点实时渲染
2016.09 — 2020.06
软件工程 · 本科
主修软件工程,专注前端技术与人机交互方向

建立连接

无论是技术交流、项目合作,还是只是想打个招呼,
随时欢迎你的信号抵达我的终端。