职业概述
作为一名Web前端开发工程师,我负责设计、开发和维护Web应用程序的用户界面,使之呈现出美观、易用、高效的特性。我能够熟练运用HTML、CSS、JavaScript等前端技术和工具,同时也具备与UI设计师、后端工程师和产品经理等多个团队成员协作的能力。在我的工作中,我不断学习和跟进前沿技术和最佳实践,以提高开发效率和开发质量。
技能和工具
HTML、CSS、JavaScriptReact、Vue.jsTypeScriptAnt Design、Element UI、Echarts、AntvRedux、Vuex、MobXNode.js、Next.js、Nest.js、Koa、Egg.jsWebpack、Babel/GulpSass、LessMySQLRESTful API、计算机网络工作经历
负责CRM系统的前端开发与维护,使用Vue.js和React Native技术栈,优化系统性能,减少页面加载时间30%,提升用户体验;参与低代码平台的开发,通过可视化配置和组件化设计,降低开发门槛,提升开发效率40%;提出并实施技术优化方案,持续改进系统的可维护性和扩展性,减少维护成本20%;与产品经理、UI设计师和后端开发团队紧密合作,确保项目按时交付并满足业务需求。 北京国人通教育科技有限公司
2024.4 - 2024.6
负责主页门户开发,提供iframe嵌入能力,简化门户搭建,提升开发效率30%;负责管理端驾驶舱开发,提供用户数据统计查看功能,提升数据可视化效果;设计和开发Web前端组件,提高代码复用率,减少维护成本15%;与UI设计师和产品经理合作,确保网站的外观和功能符合设计要求和用户期望。华兴资本控股有限公司
2021.8 - 2024.1
创建并维护Web前端开发项目的代码库,优化现有项目性能,提升页面加载速度20%;设计和开发Web前端组件,提高开发效率,减少重复代码量30%;与UI设计师和产品经理合作,确保网站的外观和功能符合设计要求和用户期望;对网站进行测试和调试,确保稳定性和安全性,减少线上问题发生率20%。北京乐纯悠品商贸有限公司
2020.3 - 2021.6
使用HTML、CSS和JavaScript等技术编写高质量的代码,提升网站性能和用户体验;使用React和Vue.js等框架开发网站前端,提高开发效率和代码质量;对网站进行测试和调试,确保稳定性和安全性,减少线上问题发生率20%;与UI设计师和产品经理合作,确保网站的外观和功能符合设计要求和用户期望。项目经验(点击项目名称展开)
美团内部用于大客户管理的核心工具,涵盖销售、运营、数据分析等模块,使用内部MRN框架重构vue2,优化用户体验。
技术选型:React Native + Redux + TypeScript + 美团MRN框架
职责和贡献
主导移动端MRN架构升级,优化导航逻辑,提升页面切换流畅度30%;开发「快速签到」模块,集成美团地图SDK,实现LBS定位与打卡功能;封装通用业务组件,支持动态配置与多场景复用,减少开发时间20%。项目成果
提升了用户体验,优化了页面切换的流畅度;实现了快速签到功能,提升了用户的使用便捷性;通过组件复用,提高了开发效率,降低了开发成本。美团面向大客户的管理平台,支持客户信息管理、数据分析、合同管理等功能,旨在提升系统可维护性与开发效率,同时优化用户体验。
技术选型:Vue2 + TypeScript + MTD(美团UI组件库) + 低代码配置化
职责和贡献
重构基础组件架构,支持动态数据绑定与可视化配置,提升组件复用率90%;开发底部浮动面板组件,支持拖拽交互与内容动态加载,提升用户体验;集成美团地图API,开发业务地图组件,优化性能,获得业务方高度认可。项目成果
通过组件化和低代码配置化,大幅提升了开发效率和系统的可维护性;优化了用户体验,特别是通过底部浮动面板组件和业务地图组件的开发;获得了业务方的高度认可,提升了项目的整体质量和影响力。学习公社6.0(学员端pc)
2024.4 - 2024.6
学员端PC平台,提供在线学习、课程管理等功能。
技术选型:React + React Router Dom v6 + Mobx
职责和贡献
负责首页门户以及各二级页搭建,提供功能完善的layout页面;封装二级页面配置组件,统一处理各种业务,提供二级页快速搭建能力;负责资讯页面编写,合理拆分代码,提升页面可维护性。项目成果
成功搭建了学员端PC平台的首页门户和二级页面,提升了开发效率;通过代码拆分和组件封装,提高了页面的可维护性和扩展性;确保了项目的按时交付,满足了业务需求。学习公社6.0(学员端mobile)
2024.4 - 2024.6
学员端移动端应用,适配多种移动设备。
技术选型:React + React Router Dom v6 + Mobx
职责和贡献
负责大赛各页面开发,在极短时间内完成大量开发任务,确保业务如期交付;负责大赛评审页面开发,采用单一数据源,规避复杂数据处理,提升代码可维护性;合理拆分页面代码,使页面结构清晰,便于后续维护。项目成果
在短时间内完成了大量开发任务,确保了项目的按时交付;通过优化代码结构,提高了代码的可维护性和可读性;确保了应用在多种移动设备上的适配性和稳定性。学习公社6.0(管理端)
2024.4 - 2024.6
学员端移动端应用,适配多种移动设备。
技术选型:React + React Router Dom v6 + Mobx
职责和贡献
负责大赛各页面开发,在极短时间内完成大量开发任务,确保业务如期交付;负责大赛评审页面开发,采用单一数据源,规避复杂数据处理,提升代码可维护性;合理拆分页面代码,使页面结构清晰,便于后续维护。项目成果
在短时间内完成了大量开发任务,确保了项目的按时交付;通过优化代码结构,提高了代码的可维护性和可读性;确保了应用在多种移动设备上的适配性和稳定性。数据中台项目,整合公司其他数据平台,为内外部客户提供高效数据查询与筛选服务。
技术选型:UmiJS + React + Antd + Echarts
职责和贡献
负责开发和维护Solar数据中台的前端应用程序;使用React框架进行前端应用程序的开发和设计;与项目团队合作,了解用户需求并根据需求开发前端应用程序;参与系统设计和技术选型,为项目提供前端技术选型建议;优化前端代码以提高应用程序的性能和响应速度;与后端开发工程师紧密合作,确保前端和后端代码能够无缝衔接;提供前端技术支持和协助,为项目团队和其他相关部门提供技术指导和解决方案。项目成果
成功整合公司其他数据平台,提供高效的数据查询与筛选服务;通过优化前端代码,提高了应用程序的性能和响应速度;确保了前端与后端的无缝衔接,提升了用户体验。Solar(mobile)
2022.4 - 2024.1
基于Solar数据中台开发的移动端应用程序,实现自适应屏幕布局,适配多种移动设备。
技术选型:UmiJS + React + Antd Mobile + Echarts
职责和贡献
参与Solar移动端应用程序的开发工作,主要负责界面和交互方面的需求;使用React和相关插件库开发可重用组件和模块,加速开发过程;基于React Router和Redux管理应用程序的路由、状态和数据请求;负责应用程序的自适应屏幕布局,确保在不同设备上正常显示;参与测试和调试工作,保证应用程序的质量和稳定性。项目成果
成功开发并发布了Solar移动端应用程序,适配多种移动设备;通过组件化开发,提高了开发效率和代码复用性;确保了应用程序在不同设备上的自适应性和稳定性。为公司领导提供数据可视化展示的网页,用于查看公司各项运营指标和财务指标等信息。
技术选型:Vue3 + Antd Vue + Echarts
职责和贡献
担任主要开发人员,负责项目架构和开发环境搭建;开发客户运营指标、基金运营指标、投行运营指标和财务指标等模块,以图表形式展示数据;基于Vue适配PC、iPad和大屏设备展示,确保页面美观易用;优化项目代码结构和性能,提高可维护性和扩展性;与后端开发人员密切配合,保证前后端接口顺畅和数据准确。项目成果
成功开发并上线了Dashboard项目,为公司领导提供数据可视化展示;通过适配多种设备,提升了页面的美观性和易用性;优化了代码结构和性能,提高了项目的可维护性和扩展性。乐纯酸奶官网,介绍品牌、产品、营养成分等信息。
技术选型:React + Redux
职责和贡献
负责乐纯品牌、产品、营养价值等模块的开发和迭代优化;使用React框架和Redux库实现页面组件化和数据状态管理;使用组件库和CSS3动画效果增强页面交互性和可视性;持续迭代优化,完善模块功能,提升页面性能和用户体验;参与项目上线后的维护和BUG修复,确保项目稳定性和可用性。项目成果
成功上线乐纯酸奶官网,提升了品牌和产品的展示效果;通过优化页面性能,提升了用户体验和页面加载速度;确保了项目的稳定性和可用性,获得了用户的认可。乐纯(mobile)
2020.3 - 2021.8
乐纯酸奶移动端网站,提供用户在线购买的便捷体验。
技术选型:React + React Router + Redux + JavaScript + CSS
职责和贡献
开发和优化商品列表、商品详情、购物车、订单支付等页面和模块;负责与后端开发人员对接,实现前后端数据交互,通过redux进行状态管理;负责页面性能优化,如使用lazyload减少首屏加载时间、压缩图片减少页面体积;参与项目上线和后续维护工作,及时修复问题和bug,保证项目稳定性和功能完善性。项目成果
成功上线乐纯酸奶移动端网站,提升了用户在线购买的体验;通过性能优化,减少了页面加载时间,提升了用户体验;确保了项目的稳定性和功能完善性,获得了用户的认可。后台管理系统,用于管理乐纯平台用户权限及管理员权限。
技术选型:React + Ant Design + Redux
职责和贡献
负责与后端对接接口,实现数据交互;开发用户权限及管理员权限管理功能,包括新增、编辑、删除等操作;实现用户审核及数据统计功能,为管理员提供数据分析支持;优化系统性能,提高用户体验。项目成果
成功开发并上线了后台管理系统,实现了用户权限和管理员权限的管理;通过用户审核和数据统计功能,为管理员提供了数据分析支持;优化了系统性能,提升了用户体验。教育背景
东北师范大学
计算机科学与技术(本科(非全日制))
2021.9-2025.1
渤海理工职业学院
机电一体化(专科(全日制))
2017.9-2020.6
我的项目
独立开发的技术博客平台,采用Next.js搭建,实现了动态内容渲染与静态生成的结合。通过React与Ant Design构建模块化的组件系统,并利用Markdown实现内容的灵活编辑和展示。
技术选型:Next.js, React, Ant Design, Markdown, SEO
职责和成果
主导了全栈开发,涵盖前端页面设计、组件开发、SEO优化,以及后端的Egg.js服务与MySQL数据库集成。实现了复杂的功能模块,如文章分类、全文搜索、用户评论等,并优化了网站性能,提升了用户体验和访问速度。
为技术博客开发的后台管理系统,支持对文章、分类、标签等内容的高效管理。
技术选型:Next.js, React, Ant Design, Umi.js, Egg.js, MySQL
职责和成果
负责系统架构设计与开发,实现了完整的CRUD功能,并引入了Umi.js进行路由管理和权限控制。使用敏捷开发方法,不断迭代优化项目,确保了高质量交付。同时,通过Git进行版本控制,保障了代码的可追溯性与协作性。
基于NestJS框架的API服务平台,为多个个人项目提供后端支持。
技术选型:NestJS
职责和成果
设计并实现了高性能、可扩展的API服务,涵盖用户认证、数据处理等功能模块。通过模块化设计和依赖注入,提升了代码的可维护性,并确保了服务的稳定性和可扩展性。
为策略游戏《率土之滨》设计的玩家管理系统,包含团队管理、任务平台等核心功能。
技术选型:Umi.js, React, Ant Design, Nest.js, MySQL
职责和成果
项目处于持续开发中,负责前后端技术选型和架构设计。前端使用Umi.js与React构建组件化界面,后端采用Nest.js与MySQL搭建数据服务。通过模块化开发与持续集成,提高了开发效率和系统可维护性。
自我评价
作为一名热爱前端开发的工程师,我对技术始终保持着敬畏之心,并且不断学习新的知识和技能,以提高自己的技术水平和工作效率。我注重团队合作,乐于分享和交流,能够快速融入团队并且和其他成员良好协作,以达到共同的目标。同时,我有较强的问题解决能力和自主学习能力,在遇到挑战和困难时能够冷静应对,通过不断尝试和探索找到最优解决方案。我希望能够在未来的工作中继续发挥自己的优势,并且不断追求进步和提高。