个人信息

• 翟浩然/男/1992-07-06
• 中国农业大学(985)/本科/2010-2014
• 前端工作年限：6.5 年

联系方式

• 手机：13552232913
• 微信号：zhai359118915

工作经历

2021.3 ~~ 至今 [北京优幕科技有限责任公司] - infrastructure Pod - 资深前端工程师

工作指责

• 负责 i18n 运行时改造整体技术方案设计以及落地，提升多语开发体验。支持多站点、多语种定制逻辑上线，极大降低 FE 端、测试端多语维护成本，部署上线成本，提升效率。
• 业务上负责企业学习打卡、考试中心等 B 端相关业务功能、迭代。
• 参与维护 angularjs 相关历史项目，支持业务迭代、bug 修复。
• 负责整个前端基础建设升级改造、工具链生态建设等相关工作，根据业务需要，定制脚本提升开发效率。
• 参与 BFF 层业务功能支持，包括接口聚合、线上线下问题调试

项目介绍

ukit 工具集

前端生态工具链，集成了快速创建项目、模块功能、编译、commit 规范、代码检测以及各种脚本集成等 N 项功能。

• 技术架构基于 lerna 管理、ts 开发
• 封装 angular、react 编译逻辑收敛，支持多页打包、unit 单独定制编译逻辑，业务逻辑配置
• 基于 webpack4 封装维护 plugin 、loader。支持编译时控制渲染、多语 key 文案替换、文案抽取、source 文件生成、动态为样式添加命名空间、s3 上传等能力。
• 封装 scp、find 等供前端业务侧使用

i18n 运行时重构

业务测需要不断支持更多种语言，但由于多语key替换是在编译时进行的，导致站点部署上线耗时会随着语种增加以指数级上升。急需调整为运行时语法，以提升运维、测试体验，快速迭代语种的要求。

• 主导设计整体运行时方案，解决不同站点不同语言下，css、html、js 下对应的定制的功能逻辑转换，
• 研发封装定制脚本，针对历史项目，不同场景下分别进行批量语法替换。
• 历史 php 路由迁移、涉及大量 nginx、php、node 端调整联调。

2018.6 ~~ 2021.3 [滴滴出行有限公司]

网约车事业部 - 治理平台用户体验组 资深研发工程师 D7

工作亮点

• 19 年绩效 A、20 年绩效 B+。
• owner参与多个从零到一的技术搭建、全流程方案设计、深度参与各个环节，具备前端、后端（node）、运维、所需技能树。
• 对于复杂业务中台系统有 2 年以上的沉淀，对于巨石应用优化有一定理解。
• 对于前沿技术有浓厚热情并深度参与其中，具体包含了微前端、云编辑器、脚手架、组件库。技术视野、边界开阔。
• node 经验丰富，具备基础后端、运维、数据库等常识，有 4+商业项目实际实践落地经验。
• 善于攻坚技术难点、较强的问题定位、排查能力。

项目介绍

lego 研发平台

快速复用业务组件、通用物料,在 leo 平台中可以创建页面，引用所需物料和组件后，可以在线预览、编辑、发布、回滚，最终生成单页子应用，中台系统通过微前端方式引用 整体可以帮助降低巨石应用上线风险，提升物料组件复用率。 目前已产出 40+物料、落地 6+大型需求。 作为核心研发，主要 owner 实时预览、编译流程、在线编辑器、S3 云端存储设计实现、数据库设计实现等相关工作，深度参与全流程方案设计。

• 微前端基于 qiankun 落地
• 整体基于 react-hooks + antd4 + ts + egg, 集成了 redis、mysql、s3、sso 等多项功能
• 源文件、编译文件采用对象存储进行存放，s3 空间文件上传、下载、流式上传基于 minio 封装实现
• 在线编辑器基于 monaco-editor 实现，支持了语法高亮，校验，自定义 snippet、diffEditor 等功能
• 熟练配置 nginx、dockerFile、mock 等多种配置文件、打通区分测试环境、网关、宿主环境，打通 abtest 配置平台，支持远程自定义配置、一键切换 mock 源数据、线上环境、线下环境

前端部署工具 - dkit

类 vue-cli 重型脚手架，除了集成了基础的拉取模板功能外、还包含了测试环境发布、代码风格检验、commit 规范、热环境启动、编译、预编译等多种功能， 同时集成公司内部日志埋点、cr 校验、cdn 发布、cookie 种植免登等多种内部服务。模板覆盖了 react、vue、移动端、PC 端、微前端、node 等多种场景。 目标收益除了快速创建模板项目外，更重要的是帮助 team 收敛代码、制定目录、代码规范，从而确保新老项目一致性，降低新人上手成本，提升效率。 作为 owner、以及核心研发制定技术方案，完成功能、落地、最终推动 20+团队老项目完成迁移，并持续迭代，帮助同学疑难解答，文档更新。

• 采用 menorepo 开发模式，基于 lerna 管控整体仓库，提升开发效率
• 技术栈主要基于 ts + webpack-chain + commander + react-dev-utils 进行研发。
• lerna bootstrap 配置软链接方便快速调试
• 模板仓库同样基于 lerna 管理，包含微前端、react、react+ts、vue-mobile 等多种模板
• 基于 vuepress 生成文档站点，持续维护迭代

明镜 - 业务中台系统

负责更迭、维护日常需求迭代、重构。具备大型历史复杂项目快速上手、迭代能力。 个人主导团队对 webpack、http 等多维度进行升级优化、提升响应编译速度、预览速度。 研发配置化表单方案，降低复杂度，提升效率。同时支持 RD 控制渲染的能力。

组件库研发、文档站点

为沉淀的业务组件提供 npm 包发布能力支持，具体包括编译、热更新、测速、发布，编译能力，支持 babel-plugin-import 异步加载。 文档站点基于 nextjs 实现同构渲染、利于 SSO，主要用于组件 API、demo 的展示。

2018.2 ~~ 2018.6 - ClassIn - 途梦公益教育

作为公益事业项目，为学校、机构、演讲者三方提供服务，包含主站、后台。前端独立 owner 设计方案并落地实现

• 主站点 技术栈为 ES6 + bootstrap4 + webpack + scss，基于 smarty 模板渲染
• 后端基于 vue-cli + vue 全家桶 实现，定制集成视频播放、聊天功能。
• 基于 rem 响应式布局，代码风格遵循命名规范、语义化、注释清晰。
• 技术特色上，通过配置 webpack 中 commonchunks、 dllReference、external 分离第三方组件库以提升打包性能，extract 实现样式分离；配置 alias、proxy 反向代理，通过 apimock 平台模拟数据接口，实现前后端分离。提升开发效率。
• 基于 vue-router、code-split,减少打包体积，提升首屏性能，axios 统一封装，使用 mixin、filters 抽取重复方法复用逻辑。

2016.2~~2018.1 - 好未来 - 爱棋道文化传播有限公司

负责公司运营后台前端重构、业务功能开发；公司活动落地页设计与实现；研发教师上课工具；

• 技术栈：jquery + requirejs + es5 + gulp + less + jsdoc
• 后端方面技术栈为 go + iris + mysql,
• 掌握 go 语言特性，参与部分 controllter 层、接口编写；