个人介绍
. 前端⼯程化:熟悉 webpack 和 Rollup 等构建⼯具,深刻理解前端⼯程化的理念,有能⼒根据团队需 求量身打造⾼效的 CLI ⼯具,助⼒项⽬构建流程的优化。
. 微前端:积累了丰富的⼤型 C 端项⽬实战经验,能够完成微前端项⽬的开发与部署。
. 低代码:对低代码平台有深⼊研究,熟知其实现原理,在营销活动领域具有丰富的相关开发经验,能 够快速响应业务需求,提供个性化的解决⽅案。
. 承担团队技术选型⼯作,积极推进前端开发流程的标准化。推动前端业务模板的实际应⽤与迭代更 新,积极构建和丰富团队内部的知识库和组件库/⼯具库资源。
跨团队协作能⼒强,推动技术⽅案在各个部⻔间顺利整合并落地实施。
工作经历
2016-03-01 -至今上海喜马拉雅科技有限公司前端开发
会员项⽬ (业务前端负责⼈) 2016年3⽉ ~ 至今 项⽬背景:该项⽬是公司核⼼的会员服务枢纽,承载着会员订阅管理和权益展示的核⼼功能, 同时也是各 类会员活动推⼴的重要⻔户。项⽬涵盖了合作伙伴会员后台管理、会员货架数据配置管理以及⼈群定向、 流量分配和 A/B 测试等功能的综合管理后台。 同时紧密配合公司全年重要促销节点,如423读书节、818购 物节、123年终盛典等活动,实施了⼀系列创新营销策略。 技术栈: React/TypeScript 构建前端⻚⾯ ,采⽤ qiankun 微前端技术集成多个业务⼦系统。 主要⼯作与成果: . 微前端集成:借助 qiankun 微前端框架,实现了将其他业务模块⽆缝嵌⼊会员⻚⾯中,极⼤地降低了 业务拓展的成本和复杂度,提升了业务覆盖的灵活性和效率。 . JSSDK适配:设计并实现了微前端环境下主⼦应⽤间的通信机制,解决了原⽣JSSDK在多应⽤中的兼 容性问题,保证了其在各业务场景下的可靠注册与调⽤ 。
教育经历
2011-01-01 - 2015-01-01安徽大学江淮学院电子科学与技术本科
学校四年、每学期均拿奖学金,二等奖或者三等奖,学习能力强
技能
会员项⽬ (业务前端负责⼈) 2016年3⽉ ~ 至今 项⽬背景:该项⽬是公司核⼼的会员服务枢纽,承载着会员订阅管理和权益展示的核⼼功能, 同时也是各 类会员活动推⼴的重要⻔户。项⽬涵盖了合作伙伴会员后台管理、会员货架数据配置管理以及⼈群定向、 流量分配和 A/B 测试等功能的综合管理后台。 同时紧密配合公司全年重要促销节点,如423读书节、818购 物节、123年终盛典等活动,实施了⼀系列创新营销策略。 技术栈: React/TypeScript 构建前端⻚⾯ ,采⽤ qiankun 微前端技术集成多个业务⼦系统。 主要⼯作与成果: . 微前端集成:借助 qiankun 微前端框架,实现了将其他业务模块⽆缝嵌⼊会员⻚⾯中,极⼤地降低了 业务拓展的成本和复杂度,提升了业务覆盖的灵活性和效率。 . JSSDK适配:设计并实现了微前端环境下主⼦应⽤间的通信机制,解决了原⽣JSSDK在多应⽤中的兼 容性问题,保证了其在各业务场景下的可靠注册与调⽤ 。 . ⽀付体验优化:主导重构⽀付流程,推出了⾼效的 H5 半浮层⽀付⽅式,显著优化了⽤户的⽀付体 验,缩短了⽀付路径,从⽽带动会员订单量增⻓5% 。 同时开发通⽤的会员购买 NPM 包,使得内部各 业务线能轻松、快速地接⼊并使⽤会员购买能⼒ ,极⼤程度上削减了整体接⼊成本和技术⻔槛。 . 性能优化:通过 SSG 技术改造原有单⻚应⽤项⽬ ,应⽤ webpack 代码分割和懒加载等技术,显著缩 短了⻚⾯加载时⻓ ,有⼒提升了⽤户体验。 营销活动H5页⾯低代码开发平台 (主⼒开发) 2021年11⽉ ~ 至今 项⽬背景:本项⽬是⼀款基于拖拽式组件构建 H5 营销⻚⾯的低代码平台, 内含⼤量预制物料组件及多样 化的功能模块,凭借其卓越的灵活性和响应速度,有效赋能运营团队实现活动⻚⾯的快速定制与发布。 技术栈:平台依托于 react-dnd 实现可视化拖拽配置,结合 antd form组件封装⽽成的⻚⾯编辑器,实现 便捷的样式配置与⻚⾯搭建;通过⾃定义的⻚⾯构建⽣成⾼质量的前端静态资源,并将其部署⾄静态服务 器以供⽤户流畅访问。 主要⼯作与成果: . ⽣态体系建设:完善了低代码平台的开发⽣态,主导相关⽂档的落地,包括“低代码组件开发指 南” 、“低代码⼯具库使⽤指南”及“组件使⽤流程(SOP)⽂档”等,促使平台组件总量增⻓60% ,显著 提升了⽤户的使⽤满意度。 . 组件开发流程⾰新:负责研发了⼀套低代码组件CLI⼯具,集成涵盖了组件创建、开发、构建、发布等 全流程管理,这⼀创新显著降低了开发者的学习曲线与认知负荷,使组件开发效率跃升⾄每⽇节省3⼈ ⽇的⼯作量。 活动组件丰富与应⽤ :主导开发了⼀系列适应多种活动场景的物料组件,并积淀了⼀批具有典型意义 的活动玩法模板。这些组件和模板成功服务于公司多次重要的年度促销活动,赢得了来⾃各个业务部 ⻔的⾼度赞誉。 . 性能优化与⽤户体提升:针对⻚⾯加载速度进⾏了专项优化,如转换图⽚格式为 webp 以加快图⽚载 ⼊ ,实施渐进式图⽚加载策略优化⼤尺⼨图⽚展示效果,并引⼊预渲染加载动画,从⽽全⾯提升⽤户 在访问活动⻚⾯时的流畅度和视觉体验。
会员项⽬ (业务前端负责⼈) 2016年3⽉ ~ 至今 项⽬背景:该项⽬是公司核⼼的会员服务枢纽,承载着会员订阅管理和权益展示的核⼼功能, 同时也是各 类会员活动推⼴的重要⻔户。项⽬涵盖了合作伙伴会员后台管理、会员货架数据配置管理以及⼈群定向、 流量分配和 A/B 测试等功能的综合管理后台。 同时紧密配合公司全年重要促销节点,如423读书节、818购 物节、123年终盛典等活动,实施了⼀系列创新营销策略。 技术栈: React/TypeScript 构建前端⻚⾯ ,采⽤ qiankun 微前端技术集成多个业务⼦系统。 主要⼯作与成果: . 微前端集成:借助 qiankun 微前端框架,实现了将其他业务模块⽆缝嵌⼊会员⻚⾯中,极⼤地降低了 业务拓展的成本和复杂度,提升了业务覆盖的灵活性和效率。 . JSSDK适配:设计并实现了微前端环境下主⼦应⽤间的通信机制,解决了原⽣JSSDK在多应⽤中的兼 容性问题,保证了其在各业务场景下的可靠注册与调⽤ 。 . ⽀付体验优化:主导重构⽀付流程,推出了⾼效的 H5 半浮层⽀付⽅式,显著优化了⽤户的⽀付体 验,缩短了⽀付路径,从⽽带动会员订单量增⻓5% 。 同时开发通⽤的会员购买 NPM 包,使得内部各 业务线能轻松、快速地接⼊并使⽤会员购买能⼒ ,极⼤程度上削减了整体接⼊成本和技术⻔槛。 . 性能优化:通过 SSG 技术改造原有单⻚应⽤项⽬ ,应⽤ webpack 代码分割和懒加载等技术,显著缩 短了⻚⾯加载时⻓ ,有⼒提升了⽤户体验。 营销活动H5页⾯低代码开发平台 (主⼒开发) 2021年11⽉ ~ 至今 项⽬背景:本项⽬是⼀款基于拖拽式组件构建 H5 营销⻚⾯的低代码平台, 内含⼤量预制物料组件及多样 化的功能模块,凭借其卓越的灵活性和响应速度,有效赋能运营团队实现活动⻚⾯的快速定制与发布。 技术栈:平台依托于 react-dnd 实现可视化拖拽配置,结合 antd form组件封装⽽成的⻚⾯编辑器,实现 便捷的样式配置与⻚⾯搭建;通过⾃定义的⻚⾯构建⽣成⾼质量的前端静态资源,并将其部署⾄静态服务 器以供⽤户流畅访问。 主要⼯作与成果: . ⽣态体系建设:完善了低代码平台的开发⽣态,主导相关⽂档的落地,包括“低代码组件开发指 南” 、“低代码⼯具库使⽤指南”及“组件使⽤流程(SOP)⽂档”等,促使平台组件总量增⻓60% ,显著 提升了⽤户的使⽤满意度。 . 组件开发流程⾰新:负责研发了⼀套低代码组件CLI⼯具,集成涵盖了组件创建、开发、构建、发布等 全流程管理,这⼀创新显著降低了开发者的学习曲线与认知负荷,使组件开发效率跃升⾄每⽇节省3⼈ ⽇的⼯作量。 活动组件丰富与应⽤ :主导开发了⼀系列适应多种活动场景的物料组件,并积淀了⼀批具有典型意义 的活动玩法模板。这些组件和模板成功服务于公司多次重要的年度促销活动,赢得了来⾃各个业务部 ⻔的⾼度赞誉。 . 性能优化与⽤户体提升:针对⻚⾯加载速度进⾏了专项优化,如转换图⽚格式为 webp 以加快图⽚载 ⼊ ,实施渐进式图⽚加载策略优化⼤尺⼨图⽚展示效果,并引⼊预渲染加载动画,从⽽全⾯提升⽤户 在访问活动⻚⾯时的流畅度和视觉体验。
会员项⽬ (业务前端负责⼈) 2016年3⽉ ~ 至今 项⽬背景:该项⽬是公司核⼼的会员服务枢纽,承载着会员订阅管理和权益展示的核⼼功能, 同时也是各 类会员活动推⼴的重要⻔户。项⽬涵盖了合作伙伴会员后台管理、会员货架数据配置管理以及⼈群定向、 流量分配和 A/B 测试等功能的综合管理后台。 同时紧密配合公司全年重要促销节点,如423读书节、818购 物节、123年终盛典等活动,实施了⼀系列创新营销策略。 技术栈: React/TypeScript 构建前端⻚⾯ ,采⽤ qiankun 微前端技术集成多个业务⼦系统。 主要⼯作与成果: . 微前端集成:借助 qiankun 微前端框架,实现了将其他业务模块⽆缝嵌⼊会员⻚⾯中,极⼤地降低了 业务拓展的成本和复杂度,提升了业务覆盖的灵活性和效率。 . JSSDK适配:设计并实现了微前端环境下主⼦应⽤间的通信机制,解决了原⽣JSSDK在多应⽤中的兼 容性问题,保证了其在各业务场景下的可靠注册与调⽤ 。 . ⽀付体验优化:主导重构⽀付流程,推出了⾼效的 H5 半浮层⽀付⽅式,显著优化了⽤户的⽀付体 验,缩短了⽀付路径,从⽽带动会员订单量增⻓5% 。 同时开发通⽤的会员购买 NPM 包,使得内部各 业务线能轻松、快速地接⼊并使⽤会员购买能⼒ ,极⼤程度上削减了整体接⼊成本和技术⻔槛。 . 性能优化:通过 SSG 技术改造原有单⻚应⽤项⽬ ,应⽤ webpack 代码分割和懒加载等技术,显著缩 短了⻚⾯加载时⻓ ,有⼒提升了⽤户体验。 营销活动H5页⾯低代码开发平台 (主⼒开发) 2021年11⽉ ~ 至今 项⽬背景:本项⽬是⼀款基于拖拽式组件构建 H5 营销⻚⾯的低代码平台, 内含⼤量预制物料组件及多样 化的功能模块,凭借其卓越的灵活性和响应速度,有效赋能运营团队实现活动⻚⾯的快速定制与发布。 技术栈:平台依托于 react-dnd 实现可视化拖拽配置,结合 antd form组件封装⽽成的⻚⾯编辑器,实现 便捷的样式配置与⻚⾯搭建;通过⾃定义的⻚⾯构建⽣成⾼质量的前端静态资源,并将其部署⾄静态服务 器以供⽤户流畅访问。 主要⼯作与成果: . ⽣态体系建设:完善了低代码平台的开发⽣态,主导相关⽂档的落地,包括“低代码组件开发指 南” 、“低代码⼯具库使⽤指南”及“组件使⽤流程(SOP)⽂档”等,促使平台组件总量增⻓60% ,显著 提升了⽤户的使⽤满意度。 . 组件开发流程⾰新:负责研发了⼀套低代码组件CLI⼯具,集成涵盖了组件创建、开发、构建、发布等 全流程管理,这⼀创新显著降低了开发者的学习曲线与认知负荷,使组件开发效率跃升⾄每⽇节省3⼈ ⽇的⼯作量。 活动组件丰富与应⽤ :主导开发了⼀系列适应多种活动场景的物料组件,并积淀了⼀批具有典型意义 的活动玩法模板。这些组件和模板成功服务于公司多次重要的年度促销活动,赢得了来⾃各个业务部 ⻔的⾼度赞誉。 . 性能优化与⽤户体提升:针对⻚⾯加载速度进⾏了专项优化,如转换图⽚格式为 webp 以加快图⽚载 ⼊ ,实施渐进式图⽚加载策略优化⼤尺⼨图⽚展示效果,并引⼊预渲染加载动画,从⽽全⾯提升⽤户 在访问活动⻚⾯时的流畅度和视觉体验。