这是一个集dwg建筑模型识别、编辑、出图功能为一体的在线工具。项目难点在于数据模型种类繁多、异步事件处理频繁、充斥着三级以上的联动交互，很容易出bug，在组员的支持下，第一年我们就成功将前端团队的bug占比下调了20个百分点。
2年时间里，我们主要做了以下事情：- * 将项目由Vue2 option API + js重构为Vue3 composition API + ts，数据类型更清晰。
- * 制定代码规范，坚持code review，增强团队成员对代码的敬畏之心。
- * 整理对外定制项目中的常见UI元素，带领组员开发了一套基础项目模板，方便开展新项目。
- * 工作台代码组织优化：①将画布相关API和对象模型单独封装成SDK，从业务代码中抽离。②按需绑定/移除/恢复事件监听。③对对象上不需要立即获取的数据进行lazy读取优化。
A4纸打印
滕运锋的简历（前端负责人、中级 Node.js 后端）
手机/微信：
137-6155-6817技术博客：
orzzone.com/memo坐标：
浦东周浦
资深前端：
熟悉 Vue 全家桶、React 全家桶、uni-app，Fabric.js、Three.js、Echarts、套壳APP/PC端。
中级后端：
熟悉 Node.js（Koa、Express、Nuxt）、MySQL、Redis、EJS、简单运维。
个人简介
8 年前端开发经验，5 年团队管理/技术带队经验，有丰富的工程化和项目架构/重构经验。在混合 APP 开发、性能优化、构建工具定制化上有丰富的落地经验。经常阅读英文技术书籍和浏览 GitHub。自学能力强，读书时有跳级、保送经历。上海市重点产业领域人才专项奖励获得者。
工作经历
* 毕业后头 2 年从事药学相关工作，与 IT 无关，未列于下表
从 0 搭建团队 | 前端负责人
资深前端
技术带队 | 高级前端
2015-12 ~ 2018-08
北京无线天利移动信息技术股份有限公司上海分公司
上市
高新
初级前端
前端项目经历
* 选了 2 个维护时间比较久的项目，其他如微信公众号、uni-app 开发的小程序/APP 等也有涉猎
2021-12 ~ 2024-01
筑绘通 PC 端 | pinlandata.comVue3 + Vue-Router + Pinia + Element Plus
筑绘通是一款类似 CAD 的在线建筑 BIM 编辑平台，核心工作台页面构件种类多、表单多、充斥着异步事件监听和三级及以上的联动交互，代码工程复杂度和运行时性能要求较高。我在项目中担任前端负责人的角色。
① 负责团队文档建设，开发任务分配和进度跟进。负责团队 OKR 的建立和落地。负责面试和绩效考核工作。
② 将 C++ 侧暴露的 API（画布操作命令、事件监听、模型数据等）封装成 SDK，降低了业务开发上手难度。
③ 在编码时大量应用设计模式和 OOP 思想以提高代码可维护性，并对性能做了大量优化。
④ 组织通用项目模板的开发，以提高开发基于筑绘通能力的第三方定制化项目的效率。
⑤ 负责日常团队 code review，推进 ESLint、TypeScript 在项目中的落地。
2018-09 ~ 2021-07
好买基金混合 APP
React + React-Router + Redux + 手写样式
好买基金是一款支持在线基金交易的混合 APP，在小米应用商店中下载量超千万。其中 H5 部分是一个 400+ 页面的大型 Webpack 项目，它们会被用在 APP、微信公众号等端上，有很多兼容适配工作。我在项目中担任技术带队角色。
① 显著降低了 APP 中全量/增量 H5 资源包的大小和项目的编译时间。
② 稳步推进 ESLint 的落地。
③ 封装了常用方法库和键盘组件等业务组件。
④ 指导团队成员，并持续性地在团队内输出优秀代码实践。
后端项目经历
个人开发的全栈项目，已上线一年
日志监控平台 | verybugs.com
Node (koa) + MySQL (sequelize) + Redis + Vue
该日志平台支持：JS 运行时错误日志、接口日志、用户行为日志/自定义日志、PV、UV、浏览器统计、页面性能日志。用户可以在线付费升级会员等级以支持更长的日志存储周期。
① 后端使用 Node.js koa 框架开发接口，使用 Sequelize 实现与 MySQL 数据库的交互。
② 官网使用 vite-ssg 实现预渲染以支持网站 SEO。后台管理系统使用 Vue3 + Element Plus 开发。
③ 使用 Rollup 打包工具构建了客户端日志上报 JS SDK（已开源）。
④ 使用 jsonwebtoken 实现 JWT 鉴权机制。
⑤ 使用 node-schedule 对实时性要求不高的统计数据进行定时更新，对数据库历史数据进行定时清理。
⑥ 使用 koa-compress 对动态生成的、较大的日志文件实现 gzip 压缩下载。
⑦ 使用 nodemailer 实现邮箱验证码功能，使用 svg-captcha 实现图片验证码功能。
⑧ 使用 Redis 实现统计数据缓存。
⑨ 项目支持通过执行本地脚本自动 SSH 到远程服务器上进行文件更新与项目部署（使用 PM2）。
Canvas/Fabric.js/Three.js 项目经历
个人开发的全栈项目，持续迭代中
二三维转换 | veryhouses.com
Node + MySQL + Fabric.js + Three.js
产品底层逻辑是：用户绘制二维俯视图后，通过调整高度、离地高度等三维属性，使其支持切换为三维立体图。体验账号：demo@demo.com，密码：demo123456。
① 二维部分使用 Fabric.js 实现，三维部分使用 Three.js 实现。
② [3D] 支持多边形柱、球体、圆环、圆柱体、胶囊、立方体、长方体等立体形状。
③ [3D] 支持分享 3D 视图。（可点此查看分享示例，无需登录）
④ [2D] 支持逐点绘制多边形，支持通过框选的方式绘制矩形，也支持添加圆形、环形等基础形状。
⑤ [2D] 支持图层管理，也支持自由涂鸦。
⑥ [2D] 支持实时更新项目快照。
开源项目 | Github
教育经历
2009-09 ~ 2013-07
沈阳药科大学（Top5 药学院校、一本）理学学士 | 药学(食品药学) | CET-6
滕运锋的简历（国际药品注册）
个人简介
2 年国际药品注册工作经验。熟悉药政法规（如 ICH Q7 指南等），可以非常熟练地撰写 CTD、DMF 文档。有 FDA、WHO 等药政机构的多个药品成功申报经验（化药 API），有 多次 FDA 现场审计经验。拥有很好的全局意识，熟悉研发、质量研究（QR）、QA、QC、车间、仓库、销售、财务、公证处等部门/机构组成的工作链。自学能力强，读书时有跳级、保送经历，经常阅读英文书籍。上海市重点产业领域人才专项奖励获得者。
教育经历
2009-09 ~ 2013-07
沈阳药科大学（Top5 药学院校、一本）理学学士 | 药学(食品药学) | CET-6
主要课程：药理学、药剂学、药物分析、药物化学、生物化学、人体解剖生理学、病理学、有机化学、分析化学、中药学、中医学基础、天然药物化学等。
工作经历
* 毕业 2 年后从事 IT 相关工作，列于此处仅出于完整性考虑
从 0 搭建团队 | 前端组长
资深前端
技术带队 | 高级前端
2015-12 ~ 2018-08
北京无线天利移动信息技术股份有限公司上海分公司
上市
高新
优秀员工 | 初级前端
国际药品注册
完成氧氟沙星、左氧氟沙星、盐酸金刚烷胺、伪麻黄碱等化药 API 的国外注册申报工作（FDA、WHO、PMDA、EDQM COS等）。
协助子公司进行兽药原料药的国外注册申报工作。
参与了左氧氟沙星制剂的乌克兰注册（与俄罗斯注册类同）。
负责配合销售部处理海外客户的邮件问询。
2 次参与 FDA 现场审计，1 次支援兄弟公司 FDA 现场审计。
工作之余获得过羽毛球、气排球、篮球等的团体二/三等奖。
质量管理
支持车间 GMP 验证（国内）。按照 GMP 要求，撰写、维护质量管理 SOP 文件。
对车间进行例行检查，指出不符合 SOP 的地方并督促改正。
个人项目
TODO：计划开发一个药品注册网站，和一个部署于企业内部支持药品注册工作的 PC 客户端（套 Web 页面）。备注：需要了解一下最新的药政法规对于电子资料的规定。
欢迎来访！
如果您看到了这个页面，很可能是通过简历上的链接跳转过来的。说明您可能对我的简历比较感兴趣。所以特意准备了这个页面 —— 从下一页开始，可以查看各个项目的一些详细介绍。
期望的工作氛围等
- 离家越近加分越多（靠近浦东周浦康桥版块）。
- 离家近的公司，可以接受薪资适度低一点，但作为交换，不限制非工作时间内个人从事商业经营活动。
- 非高薪情况下，主要工作内容是做好自己的业务迭代 + 消化部门 KPI 任务 + 对团队提供技术支持，原则上不担任管理角色，也不接受很卷的岗位（这么说并不表示我是躺平的人，我本身编程上偏极客风格，有较强的洁癖，为了让项目架构更适合工程迭代，上班时间不够我就会用个人时间去做优化，简言之就是你不给我时间去优化代码，强迫症也会迫使我创造条件去优化）。
- 不要问我期望薪资，我感觉现在这个行情下我拿不到期望薪资，先尽量在离家近点的地方苟着。
- 若公司有多个互联网产品，希望是主要参与核心产品，不接受主要参与边缘产品的岗位。
- 本轮正式找工作，计划从 3 月初找到 4 月底。如果公司发出正式 offer，至少给我一周时间决定是否接受。
- 不考虑游戏公司、外包公司、没有自己产品的公司、区块链公司。
- 不当小工兵（大厂也不干，打脸一下 —— 离家近的话可以当小工兵）。
- 互相尊重。我理解现在招聘市场很偏招聘方，但是希望面试前有粗略看过我的简历，面试沟通时平易近人。
- 喜欢小而美的团队，最好 C9 或者有钻研精神和工匠精神的同事多一些。
- 项目最好复杂一点。判断项目是否复杂，可以直接看贵司现有开发团队出 bug 的频次高不高。复杂不是目的，首先项目本身要有价值。
- IT部门氛围健康，不要有太多内耗。
不如交个朋友？
- 如果你有产品、设计、算法、营销推广经验，或者学校背景好或者为博士学历，或者有一定的钻研精神和工匠精神，并且又住得离周浦比较近，欢迎加我微信，平时可以一起打打羽毛球，先交朋友。
- 我在社交上的爱好基本只剩羽毛球了，所以最好就是住在附近的，可以一起去周浦体育中心打球，很少有互动的话很难交上朋友。或者也可以
- 未来可以看看是否适合一起做点什么事。
项目列表
当前页不计数，从下一页开始算第 1 页
- 筑绘通（在线 CAD）（工作中的项目） 第 1 页
- 叮咚买菜供应链管理系统（工作中的项目） 第 2 页
- 好买基金 APP（工作中的项目） 第 3 ~ 4 页
- 在线日志系统（个人项目） 第 5 ~ 6 页
- 二三维编辑器（个人项目） 第 7 页
- 个人博客（个人项目） 第 8 页
第1页
项目经历：筑绘通（在线建筑模型编辑）
2021年12月~2024年1月
第2页
项目经历：叮咚买菜供应链后台系统
2021年7月~2021年12月
- 这是一个使用Vue2 + Element-UI + Webpack4的典型供应链后台管理系统。我主要负责调拨部分的业务迭代。彼时团队正用乾坤将老应用拆分微前端，但老项目短时间内仍将存在。老项目开发和编译用时长，严重影响了开发/部署效率。故对老项目进行了编译优化。
本次优化前后核心数据对比结果见上图，其中最有意义的数据是以下3个：- * dev热更新时间：从16秒降至不到1秒，降幅超93%，显著提升了开发效率。
- * build时间：从近6分钟降至1分12秒，降幅超79%，提高了测试/产线环境的发布效率。
- * build产物大小：从90.2MB降至22.3MB，降幅超75%，提升了用户体验（开启gzip后仅4MB）。
主要的优化点有：- * 减少无意义的资源引用（效果拔群⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐）
- * 合理设置webpackMode（效果拔群⭐⭐⭐⭐⭐⭐）
- * 升级部分插件（效果一般⭐⭐⭐）
- * 升级node（效果不定⭐⭐）
- * devtool的值注意一下（效果一般⭐⭐⭐）
- * 使用CDN、DLL（效果一般⭐）
- * 更换压缩插件（效果较好⭐⭐⭐⭐）
- * 干掉SourceMap（效果好⭐⭐⭐⭐⭐）
- * 提取公共代码（效果好⭐⭐⭐⭐⭐）
- * 使用缓存（效果一般⭐）
第3页
项目经历：好买基金+储蓄罐（2个APP）
2018年9月~2021年7月
这是hybrid APP，由原生和前端团队公共维护，前端团队负责其中的web部分，web部分按访问协议分为2类：- * 远程通过https://协议访问的web页面：发布简单、访问慢
- * 打包到APP本地通过file://协议访问的web资源包：发布麻烦（涉及增量/全量包概念）、访问快
在职期间，对项目进行了一系列技术优化，比较突出的点有：- * 减少APP内H5资源包的全量包和增量包大小，其中一个子项目优化后编译产物大小缩减了78%（4.6M=>1M），编译时间缩减了87%（150秒=>20秒）。
- * 对于1个项目里输出产物需要同时用于多处（掌机APP、储蓄罐APP、微信/wap端）但每处又不完全一致的情况，支持根据路由配置（示意图见下页附图2）实现编译一次按模块/页面精度输出多份不同产物，避免需要编译多次的麻烦。
- * 通过条件编译的方式，将编译最慢的一个大型webpack项目（400多页面）的编译时间由一个多小时缩短到一刻钟以内。
此外，对项目架构也进行了一系列优化（优化前后H5资源架构对比图见下页附图1）：- * 将仓库B代码合并至仓库A的cxg子项目中，去掉了对仓库B的代码维护工作。
- * 对仓库A中asset子项目和cxg子项目将中部分通过不使用webpack的上古项目代码进行迁移，统一使用webpack打包，开发体验趋于一致。
- * 在仓库A中新增vendor子项目，编译出的js供其他3个子项目复用，有效减少了冗余代码。
- * 将低频使用页面，从APP端本地web资源中挪到远程web资源中。
第4页
项目经历：好买基金+储蓄罐（2个APP）
2018年9月~2021年7月
附图1：项目架构优化前后H5资源架构对比图
附图2：前端项目独立模块打包示意图
第5页
个人作品：在线bug监控系统
实用的bug监控平台，平时公司项目里就可以用（尚未做读写分离，不适用于用户量大的场景）。包含以下子项目：- * PC端管理系统。
- * 日志上报JS SDK（供外部项目集成上报功能）。
- * SSR预渲染的首页/着陆页（方便SEO）。
- * 登录模块。
- * node接口服务（koa + mysql）。
系统简介：- * 支持上报JS运行时错误日志、接口日志、行为日志等。
- * 支持统计PV、UV、浏览器信息等。
- * 支持按用户、项目维度来隔离日志，方便阅读日志。
- * 该系统自带角色区分、会员有效期管理、在线支付、订单管理、邮箱验证、定时任务等功能。可作为开发常规网站的模板。
第6页
个人作品：在线bug监控系统
附图1：Bug管理
附图2：行为日志在线查看
第7页
个人作品：二维/三维在线编辑器
二维部分基于fabric.js实现。三维部分基于three.js实现。- * 二维工作台中，在简单平面图形的基础上,赋予其三维属性。
- * 二维工作台支持展示和编辑操作。
- * 三维工作台是对二维工作台中对象根据其属性进行的立体化展示。
- * 三维工作台目前仅支持展示，不支持编辑。
第8页
个人作品：博客
这是我的个人博客。博客写了15年，它不是技术博客，偶尔会有一些技术博文：- * 如何在老项目里推行ESLint代码风格检测：https://www.orzzone.com/eslint-check.html。
- * webpack4项目优化实战：https://www.orzzone.com/webpack4-project-optimize-in-action.html。
- * 从零搭建一个前端项目：https://www.orzzone.com/start-frontend-project-from-scratch.html。
- * Element-UI中Select下拉框组件添加虚拟列表：https://www.orzzone.com/element-ui-select-virtual-list.html。
- * 编译要1小时的Webpack项目优化思路和条件编译方案：https://www.orzzone.com/webpack-conditional-compile.html。
- * 浅谈混合APP中H5页面的缓存处理：https://www.orzzone.com/cache-control-in-hybrid-app.html。
- * 编写vite插件实现项目内置组件库中组件名的自动生成。
- * 编写vite插件实现在编译产物中集成编译时间和tag/分支信息，便于确认各环境的代码版本。
- * 按钮点击回调的节流处理：https://www.orzzone.com/button-throttle-in-action.html。
- * Vue防快速连击指令&权限指令的坑：https://www.orzzone.com/vue-directive.html。
- * 公共请求的封装：https://www.orzzone.com/ajax-utilities.html。
就近工作的规划
就近工作的原因和可行性
不想浪费大量时间在通勤上（日积月累，时间很可观），自己住在周康中间，周边几十个园区，可行性很大。可以有更多个人时间用于成长和陪伴家人。
周浦特点：生物医药产业已成规模且产学研可闭环 + 宜居
- 政策规划：张江科学城“一心两核”中的“南部科学创新核”，聚焦医学园区发展。
- 产（产业）：已有很多生物医药公司。
- 学（学校）：已有上海健康医学院（本科）。另有上海交通大学医学院浦东校区（985，2024年下半年竣工，2025年9月投入使用）。这两个学校都是有医学和药学相关专业的。
- 研（科研机构）：已有上海健康医学院附属周浦医院（三乙医院）、复旦大学附属肿瘤医院浦东院区（三甲）/上海市质子重离子医院。另有上海交通大学附属上海儿童医学中心张江院区（三甲医院，2024年内启用）。
- 娱（生活娱乐）：周浦体育中心（浦东南片地区最大的体育服务综合体）、万达广场（31.8万平方米）、小上海步行街、傅雷图书馆（浦东第二大图书馆）、周浦文化公园。
- 行（交通）：18号线（周浦、繁荣路、沈梅路3个地铁站）、16号线（周浦东地铁站）。
康桥特点：汽车零部件制造业已成规模 + 张江机器人谷 + 比周浦更多的 IT 岗位
- 张江科学城范围内。
- 康桥整体偏制造业（汽车零部件、张江机器人谷）。
- 有比周浦更多的IT岗位。
可能可以进入的岗位
- 生物信息分析师（待调研，目前看本科可进入，博士主要为一些经理岗，大部分为硕士，说明门槛不高）
- 国际药品注册（可达成，自己有国外知名药政机构的成功注册经验和现场审计经验，药学本科学历非常够用，最多硕士，经理岗更看经验。需要概览下目前的国外药政法规，最下补一下英语口语。）
- 制造业IT部门（可达成，最好先转 Java（非必要条件））
- 互联网公司（尽量不考虑，太轻资产了，不如自己干）
自身特点
- 在找 IT 工作时，学校处于劣势，优先级在985、211之后，自己专业也不对口。
- 在找 药学工作时，学校有优势，现在可能落后一些了，但优先级至少可以排在211之前，专业上也更对口。
- 契合方向：结合药学与编程的交叉工作，且有一定门槛。
- 个性不喜欢做太简单的项目，喜欢有难度且长期迭代维护的项目，必须是公司核心业务。
- 喜欢自学感兴趣的东西，但也承认会有很多有形无形的行业门槛、学历鄙视链的存在。