1.掌握前端三件套(Js、Css、Html),可以熟练驾驭项目的全流程开发
2.掌握React、Vue框架,以及Typescript、AntV、Vuex、MobX、AntD、ElementUI等项目辅助性工具,可以实现高性能
维护性高的前端应用
3.具有微应用、App、微信小程序等相关技术的实战经验
4.掌握组件化、模块化开发原则,可以构建高效、解耦的前端架构
5.熟悉Webpack、Rollup、Git等项目管理工具,可以实现自动化构建、优化与部署流程
6.具备Node.js基础知识,理解全栈开发逻辑,具备跨部门协作能力
1.美团-魔方平台
项目描述:是一个面向C端用户的营销平台,平台提供了丰富的通用组件和业务组件,并且支持拖拽式页面构建功能。它可以让
运营同学轻松创建投放页面,提高营销效率和灵活性。
工作内容:
负责通用组件、业务组件的调试工具 chrome插件 的开发
负责通用组件、业务组件的封装
负责部分页面重构低代码页面
负责优化AI大模型智能搜推时相应的匹配策略
负责跟进用户工单提的问题,及时的排查及处理
负责业务上的常规迭代
技术栈与工具:
React、AntD5、MobX、Typescript、Less、Formily
项目成果与影响:
帮助团队成员分担了很大一部分的项目重构事项,比如:帮助平台从SPA应用再到低代码架构成功转型,并且沉淀了20多个通
用的业务组件,为团队减少了一定的开发成本
通过Formily实现了动态表单配置项 chrome 调试插件,提升了用户的开发与调试效率
完善了平台 AI大模型智能匹配机制,使得AI大模型,在智能搜推上匹配度更加的精准
通过Rollup工具优化了chrome插件项目的打包链路,使得项目在打包链路上,实现了更加完备的自动化打包
通过提出通用组件采用Monorepo方案(Lerna包管理工具)来管理单仓多模块项目的开发,从而降低了通用组件的开发成
本、提高了团队整体代码的复用率
2.饿了么-九州私域增长平台
项目描述:本项目为一款全国性创新型线下拉新平台,专注于利用简易、经济的方式支持用户在微信私域内自营推广,并配备全
方位营销工具,加速推广进程。
工作内容:
负责开发推广员模块,包括推广码下载、重新生成以及扫码人数等数据的可视化展示。
负责开发推送素材配置模块,确保素材在特定场景下不出现重复推送,并实现素材配置的实时预览。
负责与服务端同学协作,联调接口,及时反馈并解决联调过程中的问题。
技术栈与工具:
React、AntD5、MobX、TypeScript、Less、QRCode.js、AntV等。
项目贡献与技术亮点:
核心功能实现:
推送素材多样化支持:通过Cron表达式,实现素材与推送任务的一对多、多对一灵活关联,用户可为同一素材设置多个推送周
期,或为不同周期配置专属素材。
便捷取码:利用QRCode.js生成专属推广二维码,简化链接分发流程,提升C端用户参与度。
数据洞察:利用AntV可视化库,清晰展示扫码人数、转化率、用户行为等关键数据,为用户提供直观、生动的数据展示,便于
实时监测活动效果,精准调整营销策略。
技术挑战与解决方案:
技术挑战:
背景:在技术评审中发现,新旧平台需要保持功能一致性,同时兼容服务端数据处理逻辑,需调整接口和参数。
解决方案:
利用AntD提供的CodeMod-Cli工具,将老平台AntD4升级至AntD5。
将“推送素材配置”模块拆分为通用业务组件,发布为npm包,实现新旧平台功能共存。
项目成果与影响:
项目成果:
因为我们平台的基建能力比较全面,所以项目服务的业务方除了饿了么这边,还有飞猪、淘票票等也都在使用我们的平台。我
们在做自身业务的同时,我们也会从技术、产品层面等等来考虑,旨在打造一个通用的营销平台,为整个集团也能带来一定的收
益、降低成本。
个人成长与团队贡献:
个人成长:积极参与跨部门沟通协调,提升项目理解与问题解决效率,增强团队凝聚力。
团队贡献:封装通用业务组件,完成项目从单体架构向微前端架构转型,提升代码的可维护性与扩展性。
3.饿了么-微信小程序
项目描述:该项目聚焦于饿了么微信小程序的私域流量运营,具体涉及社交裂变相关功能页面的开发工作。通过精心设计与技术
实现,旨在强化小程序在微信生态中的用户互动与传播效能,推动私域用户群体的扩大与活跃度提升。
工作内容:
作为一名广博涉猎、技术全面的前端工程师,虽然并非专精于微信小程序开发,但我曾有幸参与到饿了么微信小程序项目的多个核心模块开发工作中,凭借扎实的前端技术基础与快速学习能力,成功为项目注入了重要的技术力量与创新思维。
社群打卡
九宫格投承一体页(手机号登录弹窗、奖品列表、抽奖结果弹窗部分)
全域触达
天天领现金(顶部每日签到部分)
社群老虎机幸运抽大奖(单、多券展示部分)
个人中心页改版-会员部分(会员蒙层引导部分)
大额券v1.0.4(助力成功弹窗部分)
举例说明(社群打卡)
在过去的一个月中,我参与了面向企业微信群与普通微信群的社群打卡项目,巧妙运用小程序平台的特性和前沿前端技术,打造了
一个高效运作、用户粘性强的社群互动平台。以下是对该项目的深入剖析,着重展示前端技术在其
| 角色 | 职位 |
| 负责人 | 高级前端工程师 |
| 队员 | 后端工程师 |
社群打卡 九宫格投承一体页(手机号登录弹窗、奖品列表、抽奖结果弹窗部分) 虎脉-有服有务App(RN) 初级前端工程师 2019.06-2021.05 全域触达 天天领现金(顶部每日签到部分) 社群老虎机幸运抽大奖(单、多券展示部分) 个人中心页改版-会员部分(会员蒙
开发“群/福利官”欢迎语配置模块 开发“群/福利官”日常推送配置模块 开发“福利官”工作交接模块 开发“线上投放”配置模块等 负责开发推广员模块,包括推广码下载、重新生成以及扫码人数等数据的可视化展示。 负责开发推送素材配置模块,确保素材在特定场景下不出现重复推送,并实