个人简介

男，1991 年生人，老家位于浙江楠溪江畔，现定居上海周浦。读书期间有过跳级、保送经历。2013 年本科毕业于北药。工作后有过自学转行经历（药学转计算机）。看书（技术书籍）、码字（包括写博和编程）、打羽毛球（大概业余四级水平）是我花时间的爱好。上海市重点产业领域人才专项奖励获得者。

2 年国外药品注册经验。有 FDA、WHO 等药政机构的多个药品申报经验（主化药 API + 发酵品 + 制剂）。有多次 FDA 现场审计经验。拥有很好的全局意识，熟悉研发、质量研究（QR）、QA、QC、车间、仓库、销售、财务、公证处等部门/机构组成的工作链。

10 年编程经验，其中 5 年团队管理/技术带队经验。全栈偏前端。有丰富的工程化和项目架构/重构经验。前端方面，熟悉 Vue 全家桶、擅长海量数据可视化，在混合APP开发、性能优化上有丰富的落地经验。脚本方面，写过爬虫、定时任务，做过构建工具定制，实现过高清 PDF 转百亿像素瓦片图。后端方面，主要技术栈为 TypeScript + Express + MySQL + Knex + Redis + RabbitMQ + MQTT + Zod。

严肃的 AI 辅助开发实践者。

工作经历

2024-03 ~ 至今

共轨之家（上海星融汽车科技有限公司）

高新专精特新商用车领先100+知识产权

资深前端

公司简介

国家重点扶持的高新技术企业、软件企业、上海市“专精特新”企业，拥有100余项知识产权[来源]。聚焦商用车领域，提供智能诊断设备、技术共享社区、车队维保托管等服务，服务全球30万+维修终端，是国内领先的商用车技术服务和智能检修设备提供商。

工作说明

独立开发 HEX 编辑器前端部分，实现海量表格数据的流畅渲染。

支持高清PDF转百亿像素瓦片图的流畅渲染，该项目核心包含 PDF 文件处理脚本（使用 TypeScript 撰写流程，通过终端和文件通信方式来复用其他语言的现有生态）和前端渲染界面（基于 OpenSeadragon 定制），均为个人独立开发。该项目的出发点是源于公司原先接入的 WPS 在线服务不支持超过 50MB 的 PDF 文件渲染，并且对于小于 50MB 的高清 PDF 文件虽然支持但是渲染很卡顿。该项目的麻烦的地方在于没有现成的第三方包/工具支持直接将一页 PDF 文件转为百亿级的高清大图，需要自行处理 PDF 切割、各类 box 和旋转角度的计算、IIIF 3.0 瓦片格式的兼容，需要区分处理矢量图和非矢量图，并且需要优化 PDF 文件的离线处理速度。

独立撰写图集 ZIP 文件的离线处理脚本（用于前端展示），该脚本除常规的图片拼接和瓦片化处理逻辑外，还包含图片清晰度优化、分页位置判断等逻辑。

作为公司唯一前端，负责前端项目的常规维护，如微信小程序、后台管理系统、安卓 APP 内 H5 页面、Tauri/Electron 套壳 Windows 桌面 APP 等。

2021-12 ~ 2024-01

品览数据（上海品览数据科技有限公司）

创业高新专精特新AI+CAD顶级资本

从 0 搭建团队 | 前端负责人

公司简介

专注于“AI+CAD”核心平台自主研发的创新型科技企业，获评高新技术企业、专精特新企业和浙江省创新型中小企业[来源]。自主构建筑绘通AlphaDraw平台，实现绘图10倍提效与云端协同设计，主导制定多项行业AI设计标准，填补国内空白[来源]。核心团队由清华、卡耐基梅隆等名校专家组建，服务国家电网、中石化等核心央企及海外客户[来源]，获得梅花、顺为、金沙江、IDG等顶级资本投资[来源]。

工作说明

从 0 到 1 搭建前端团队（包括招聘、制定/考核 OKR、组织代码审查/技术分享、项目重构、任务分工、进度管理等）。

将前端 bug 占研发总 bug 的比值从 30% 优化至 10%。

核心项目 “筑绘通 AlphaDraw” 可以理解成 web 版 CAD 建筑制图软件，支持图纸解析、web 端渲染和编辑（支持二维/三维）、导出图纸。该项目前端部分（不含 SDK）由我主导，入职前有个旧版本，入职后基本上是从零推翻重写的。该项目交互复杂度极高，对技术负债的可容忍度很低，如果代码设计不合理，会导致几乎无法维护（类似“修个 bug 导致了更多的 bug”）。

获得 2022 年上海市重点产业领域人才专项奖励。

2021-07 ~ 2021-12

叮咚买菜（上海壹佰米网络科技有限公司）

上市高新生鲜电商

资深前端

公司简介

知名互联网生鲜电商企业，旗下核心产品“叮咚买菜”主打“最快29分钟送达”。采用“前置仓+自营物流”模式，服务覆盖上海、北京、深圳等多个城市，2021年在美国纽交所上市（NYSE:DDL）[来源]，致力于提供高效率、高确定性的生鲜配送服务。

工作说明

Webpack 4 项目编译时间和编译产物大小的极致优化。

负责供应量管理系统中调拨业务的迭代。

属于公司资深前端岗位中最高职级，本来给的是专家职级的薪资，因为年限问题卡到资深了。

入职后做过 2 次面向整个前端研发团队的技术分享，一个是关于编译优化的，一个是关于前端项目架构的。

2018-09 ~ 2021-07

好买财富（好买财富管理股份有限公司）

上市高新腾讯投资财富管理

技术带队 | 高级前端

公司简介

国内领先的第三方财富管理公司，腾讯和君联资本为战略股东[来源]。2012年获证监会颁发的首批独立基金销售牌照，2015年成为首家在新三板挂牌的独立财富管理公司（NEEQ:834418）[来源]。为超1000万投资人提供一站式资产配置服务，拥有超50人的研究团队，实地拜访超300位基金经理[来源]。

工作说明

负责公司核心 APP 内交易类业务迭代，处理前端大部分产线问题（因为基金交易业务直接和钱打交道，并且基金交易在下午 3 点前后会视为不同的交易日，对产线 bug 的有很大的时效性要求，所以不管实际是谁产生的前端 bug，基本都是我先开始排查修复和跨团队沟通）。

Webpack 3 老项目编译产物大小和编译速度极致优化。

在团队内起到技术带队的作用。

2015-12 ~ 2018-08

京天利（现天利科技）（北京无线天利移动信息技术股份有限公司上海分公司）

上市高新移动信息

优秀员工 | 初级前端

公司简介

国内领先的行业移动信息系统整体解决方案提供商，2014年在深交所创业板上市（300399）[来源]。为大中型集团客户提供短信彩信应用、云服务平台等移动信息服务，同时在互联网保险领域持续布局，打造场景化保险产品。

工作说明

独立开发和迭代（前端部分）车险比价投保微信公众号 + PC端 + 混合APP内H5部分。

部门优秀员工。

2013-10 ~ 2015-07

普洛药业（浙江普洛康裕制药有限公司）

上市国家高新医药工业企业 40 强原料药出口第 2 位

RA（国外药品注册）

公司简介

横店集团旗下医药产业平台，深交所主板上市公司（000739）[来源]。中国医药工业企业百强榜第36位，化学原料药出口全国第2位，中国小分子CDMO企业5强[来源]。主营原料药、CDMO、药品业务，产品涉及心脑血管、抗感染、抗肿瘤等领域，质量体系通过NMPA、FDA、EMA、PMDA审计[来源]。

工作说明

完成氧氟沙星、左氧氟沙星、盐酸金刚烷胺、伪麻黄碱等化药 API 的国外注册申报工作（FDA、WHO、PMDA、EDQM COS等）。

协助子公司进行兽药原料药的国外注册申报工作。参与了左氧氟沙星制剂的乌克兰注册。

负责配合销售部处理海外客户的邮件问询。

2 次参与 FDA 审计，1 次支援兄弟公司 FDA 审计。

2013-07 ~ 2013-09

君业药业（浙江仙居君业药业有限公司）

国家高新专精特新小巨人制造业单项冠军

QA（质量管理）

公司简介

国家专精特新“小巨人”及国家制造业单项冠军企业[来源]，专注甾体激素原料药与中间体研发生产。产品出口全球60多个国家，屈螺酮、米非司酮等产品占全球市场份额70%以上，是默沙东、拜耳等世界前10强药企的核心供应商[来源]，拥有国家企业技术中心[来源]。

工作说明

按照 GMP 要求，撰写、维护质量管理 SOP 文件。

对车间进行例行检查，指出不符合 SOP 的地方并督促改正。

支持车间 GMP 验证（国内）。

项目经验

企业商用项目

面向建筑行业的 BIM 在线协同编辑平台，支持 2D/3D 建筑模型编辑与多人实时协作。我在项目中担任前端负责人，独立负责前端核心架构设计与开发，主导前后端联调与功能落地。

前端：基于 Vue 3 + TypeScript + Vite 的单页应用，独立完成架构设计与全部功能开发。实现模型加载/编辑/存储、2D/3D 视图联动、图元属性面板、多标签页管理、撤销重做、图层控制、版本管理等核心功能模块。使用 Pinia 管理复杂应用状态，封装统一的 API 层对接后端服务与 Wasm SDK，实现编辑器内业务流程闭环。

SDK 层：C++ 团队开发的底层引擎，基于 OpenCASCADE 内核，编译为 WebAssembly 供前端调用。负责 2D/3D 图形渲染、BIM 数据结构解析、几何运算等底层能力。本人将 C++ 侧暴露的 API（画布操作命令、事件监听、模型数据等）封装为前端 SDK，降低业务开发上手难度，确保前端与底层引擎的高效通信。

后端：Spring Cloud 微服务体系，提供图纸存储、用户鉴权、项目管理、图框模板等 RESTful API。该业务逻辑具备 Node.js 全栈重写条件，若需独立交付可快速移植为轻量 Node.js 后端。

面向汽车电路图等高清 PDF 的在线浏览需求，解决原有 WPS 服务不支持超过 50MB 的大文件渲染、对于支持的高清PDF也普遍渲染卡顿的问题。由离线处理脚本和前端渲染两部分构成，均为个人独立开发。

离线处理脚本：基于 Node.js + TypeScript + knex 的 PDF 离线处理服务，通过终端命令和文件通信复用 ImageMagick、libvips、Ghostscript 等外部工具链生态，实现 PDF 转图、多分辨率瓦片生成、文件去重与上传、任务队列管理。通过 knex 连接 PostgreSQL 管理任务与文件元数据，形成 PDF 入库到瓦片生成的完整离线处理闭环。

前端渲染：基于 Vue 3 + TypeScript + Vite + OpenSeadragon 的瓦片流式浏览应用。采用深缩放（Deep Zoom）技术实现百亿级像素大图瓦片分片按需加载，支持流畅平移/缩放操作。配套 Element Plus 管理界面，Pinia 管理应用状态。

技术难点：没有现成的三方工具能直接将一页 PDF 转为百亿级高清大图，需要自行处理 PDF 切割、各类 box 和旋转角度计算、IIIF 3.0 瓦片格式兼容，并区分矢量图与非矢量图分别处理，同时优化离线处理速度。

面向汽车后市场的 ECU（发动机控制单元）调校平台，提供专业的固件二进制编辑、性能调校图谱解析与管理能力。由前端核心、SSR 落地页与后端服务、SEO 引流站、Mappack 解析 SDK 四个子项目构成，覆盖前端核心交互到搜索引擎引流到后端服务部署的完整链路。

前端 SPA：基于 Vue 3 + TypeScript + Vite 的 SPA，独立负责前端架构设计与全部功能开发。实现基于 Canvas 的 Hex 二进制编辑器（支持多格式显示、字节级编辑、搜索定位、算术运算、差异对比），ECU 调校图谱（Mappack）解析与管理（A2L/ECFG/OLS 多格式支持、2D/3D 图表可视化、实时编辑）、DTC 故障码读取与清除、预置调校方案库、用户积分系统等核心模块。WebAssembly 承载高性能二进制与 Mappack 解析逻辑，Pinia 管理复杂应用状态。Electron 封装桌面端应用。

SSR 前端落地页：基于 Express.js + Handlebars 的服务端渲染营销站，提供 ECU 兼容性查询、定价方案、FAQ 等内容。配套 Vue 3 账户管理（注册/登录/Profile）与 CMS 管理后台。后端对接 Supabase 数据库与云存储，提供 RESTful API 服务层。开发时将前端请求代理到 fox-tuner-home 的 Vite 开发服务器，生产环境构建 fox-tuner-home 后直接 serve 静态文件。

SEO 引流站：基于 Nuxt 3 SSR 的 ECU 文件数据库浏览站，核心目的是搜索引擎引流。通过动态元标签、结构化 Schema.org 标记、hreflang 多语言（10+ 语言）覆盖全球长尾搜索流量。用户在浏览 ECU 文件详情后点击下载按钮，跳转到 TunerPad 工作台（fox-tuner-home）前端界面，形成搜索引擎 → 引流站 → 工作台的完整转化链路。配套 Umami + Google Analytics 分析追踪。

Mappack 解析 SDK：将前端核心中的 ECU 调校图谱解析规则抽离为独立的 TypeScript SDK，供外部项目复用。支持 7 种布局类型（单点值/1D 数组/2D 图谱/3D 图谱等）、多种数据格式（8~64 位整数/浮点数/ASCII/二进制）、大小端转换，完整配套 Jest 单元测试与 VuePress 文档。

项目截图

非商用项目

全栈前端监控项目，由采集 SDK、管理看板、后端服务三层构成，覆盖从数据采集到可视化分析的完整链路。

采集 SDK 通过 JS 错误全局捕获、XHR 请求拦截、白屏检测、性能指标采集（FP/FCP/LCP/TTFB）、长任务监控、PV/UV 统计等模块实现多维数据采集，基于 sendBeacon + XHR 上报策略保障数据可靠送达。

配套管理看板提供项目总览仪表盘、错误追溯与状态管理、接口性能分析（成功率/耗时分布）、用户行为分析（PV/UV/来源/事件）、可配置告警规则（错误率/接口失败/慢请求/流量异常）及邮件通知推送，图表基于 ECharts 可视化呈现。

后端基于 Express + TypeScript + Knex 构建 RESTful 接口层，8 个独立消息队列消费者并发处理实时数据写入，定时任务体系覆盖告警检测、统计聚合、记录限流清理、数据表维护等环节，形成完整的采集→消费→聚合→告警闭环。

基于 Fabric.js 和 Three.js 自研的轻量化二三维图形编辑平台，提供在线图形创建、编辑与分享能力，每个二维几何体映射为对应的三维网格模型，实现二三维数据的同源渲染。前端处理图形交互与渲染逻辑，后端负责数据持久化与鉴权。

二维编辑层基于 Fabric.js 构建，提供完整的画布交互能力：

9 种几何体创建（立方体、长方体、圆柱、四面体、球体、环、板、胶囊、多边形柱）
画布内对象选中、移动、编辑（显示尺寸控制点）、删除
对象层级管理：置顶、置底操作
鼠标悬停红色高亮边框，提升交互反馈清晰度
滚轮缩放画布，以鼠标位置为原点缩放
属性面板实时显示和修改选中对象的参数

三维渲染层基于 Three.js 实现，采用正交相机 + OrbitControls 轨道控制器，支持鼠标拖拽旋转视角、平移和滚轮缩放。集成 ViewHelper 三维坐标轴辅助工具，帮助用户快速定位观察方向。

全栈 Node.js 工具库，整合项目开发中反复使用的高频函数与通用能力，以单一 npm 依赖消除跨项目重复造轮子，持续积累工程实践。覆盖12 个功能模块：环境变量解析（dotenv）、路径/文件操作（压缩解压/MD5/安全命名）、日志系统（Winston 每日轮转）、SSH 远程连接与文件传输、阿里云/七牛云 OSS 上传刷新、SVG 验证码生成、AI 文本摘要（OpenAI）、类型工具、调试装饰器等。

TypeScript 类型声明全覆盖，基于 JSDoc 生成在线文档，配套完整构建与部署脚本。

集成单元测试（基于 Node.js 原生 `node:test`），保障函数可用性。

面向 AI 编程助手的规则与技能开源合集，聚焦 Prompt/Harness Engineering 与 AI 行为规范 实践，通过标准化的技能机制约束 Claude Code、Codex 等 AI 编程工具的输出行为，确保团队代码质量与风格一致性，降低 AI 辅助开发的重复配置成本。包括但不限于以下内容：

开发模式

mode-plan计划驱动开发

mode-spec规格驱动开发

mode-goal目标导向开发（loop）

开发辅助

commit提交代码

review代码审查

lint正向解决 lint 问题（loop）

refresh刷新 AI 对本地文件改动的感知

run-skills串行执行多个技能

创建文档

create-skill

create-rule

handoff创建可跨会话复用的交接文档

create-agents创建 AGENTS.md

create-readme

创建项目

create-node-script创建 Node.js 脚本项目

create-python-script创建 python 脚本项目

create-vue3创建 VUE3 项目

网页设计

design-ui设计实现页面 UI

内容生产

write写文章

wechat-to-markdown将公众号文章转为 markdown

post-to-wechat发布到公众号

文件读写

read-pdf读取 PDF 文件

read-xlsx读取 XLSX 文件

其他技能

create-report生成工作报告

distill提炼能力模型

规则规范

AI 通用行为规范

常见技术栈的编码规范/最佳实践

教育经历

学校简介

前身为中国工农红军卫生学校。辽宁省一流大学重点建设高校、省部共建高校，与中国药科大学并称”南北双药”。药学学科在第四轮学科评估中获评 A 档[来源]，药理学与毒理学世界排名第 45 位、进入全球前万分之 3.09[来源]，6 个学科进入 ESI 全球前 1%。拥有药剂学国家重点学科、2 个博士后流动站。

求学经历

计划毕业就出来打工，未认真学习，主要专业课成绩：药剂学 87、药物分析 84、分析化学 86、无机化学 86、有机化学 80、中药学 96。

英语六级裸考 2 次，虽然都过了但分都不高。计算机二级 (VB) 考试成绩全校总分第一。

大学期间买了一台 Kindle 水货，从此开始“喜欢读书”。

学校简介

浙江省一级特色示范高中，永嘉县公办龙头。近年高考成绩亮眼，2026 年二模浙大上线 93 人、特控率 75.9%[来源]；2024 届纯文化上特控线 535 人、一段线上线率 98.6%[来源]；重点线人数曾居全市各校之首[来源]。

求学经历

通过提前批考试保送到的高中。

模拟考成绩排名一般为年级段里三十多名，最高排名 17，最低 64，然并卵，高考那次只过了一本线 15 分。

学校简介

永嘉县岩头镇一所乡村学校，办学规模小、师资与硬件资源相对有限，是典型的乡村薄弱学校。

求学经历

瞒着父母偷偷跳级到的初中。

初二巅峰期总分比各科单科最高分之和低 2 分，长期断档领先第二名。

学校简介

就读顺序：“顾村镇中心小学” => “皖驻沪寿沪小学” => “利民小学”、“希望小学（星星小学？育才小学？）”这两个顺序不记得了 => “皖驻沪寿沪小学” => “上海蓝天实验小学”。

求学经历

一堆第一名。

多次想跳级父母不允许。

联系方式

yakima.public#gmail.com（把“#”换成“@”）

注意：“yakima”和“public”之间有个小圆点

发送邮件

微信号：OrzZone

扫码添加好友，添加请注明来意

个人简介

工作经历

项目经验

企业商用项目

筑绘通（AlphaDraw）— BIM 在线编辑平台

PDF 离线处理脚本与瓦片流式浏览系统

TunerPad — 汽车 ECU 调校平台

非商用项目

前端日志监控平台

非常设计师

nsuite — Node.js 全栈开发工具集

AI 编程技能与规范开源集

教育经历

联系方式

邮箱

个人微信