Shimmer 🌈
职业概述
作为一名Web前端开发工程师,我负责设计、开发和维护Web应用程序的用户界面,使之呈现出美观、易用、高效的特性。我能够熟练运用HTML、CSS、JavaScript等前端技术和工具,同时也具备与UI设计师、后端工程师和产品经理等多个团队成员协作的能力。在我的工作中,我不断学习和跟进前沿技术和最佳实践,以提高开发效率和开发质量。
技能和工具
  • HTML、CSS、JavaScript
  • React、Vue.js
  • TypeScript
  • Ant Design、Element UI、Echarts、Antv
  • Redux、Vuex、MobX
  • Node.js、Next.js、Nest.js、Koa、Egg.js
  • Webpack、Babel/Gulp
  • Sass、Less
  • MySQL
  • RESTful API、计算机网络
  • 工作经历
    华兴资本
    2021.8 - 至今
    Web前端开发工程师
    北京
  • 创建并维护Web前端开发项目的代码库,协作实施时间表;
  • 跟踪并了解前端开发技术的发展,维护和优化现有项目;
  • 协助测试团队进行测试,并解决测试过程中的问题和反馈;
  • 设计和开发Web前端组件,提高开发效率;
  • 与UI设计师和产品经理合作,确保网站的外观和功能符合设计要求和用户期望;
  • 编写文档和注释,以便其他开发人员能够轻松地维护和扩展网站;
  • 优化网站的性能和速度,提高用户体验。
  • 乐纯悠品
    2020.3 - 2021.8
    Web前端开发工程师
    北京
  • 设计和开发高可用性和可访问性的网站,确保良好的用户体验;
  • 使用HTML、CSS和JavaScript等技术编写高质量的代码;
  • 与后端开发人员协作,确保正确的服务器通信和交互;
  • 使用React和Vue.js等框架开发网站前端,提高开发效率和代码质量;
  • 对网站进行测试和调试,确保稳定性和安全性;
  • 解决网站开发过程中的各种问题;
  • 编写文档和注释,以便其他开发人员能够轻松地维护和扩展网站。
  • 项目经验(点击项目名称展开)
    Huaxing Ai
    2023.7 - 至今
    华兴ai项目是华兴在公司内部提供人工智能辅助办公的尝试,旨在为员工提供方便快捷的办公平台。
    技术选型:Vite + Vue3 + Antd Vue + Pinia
    职责和贡献
  • 担任该项目的主要开发人员,负责整个项目的架构和开发环境的搭建,确保整个项目的高效运行;
  • 使用 Vite + Vue 3 框架以及 Ant Design Vue 和 Pinia 插件,快速地搭建了美观、简洁、易用的聊天应用程序;
  • 负责处理接口调试和数据逻辑的统一处理,确保前后端之间的数据交互顺畅可靠;
  • 为整个团队提供了完善的数据获取方法,编写了高质量的代码并提供详尽的文档注释,以提高团队成员的开发效率;
  • 帮助项目顺利推进,并向公司内部员工提供了一个功能完备、界面美观、易于使用的聊天应用。
  • 项目成果
  • 在开发过程中,我成功完成了聊天项目的搭建和完善,项目正常运行并提供给公司内部员工使用;
  • 应用程序具有功能完备、界面美观、易于使用的特点,受到了用户的积极反馈和认可;
  • 通过我对接口调试和数据逻辑的统一处理,实现了前后端之间的稳定数据交互,确保了应用的可靠性和性能;
  • 我提供给团队成员详尽的文档注释和高质量的代码,使得其他开发人员能够轻松理解和维护项目;
  • 我的工作帮助项目顺利推进,根据用户反馈进行了持续的改进和优化,提升了整体的用户体验和满意度;
  • 在项目进行期间,我积极与团队合作,解决了各种技术和业务问题,展现了出色的团队合作精神。
  • Dashboard
    2023.1 - 至今
    该项目是为公司领导提供数据可视化展示的一个网页,主要用于查看公司各项运营指标和财务指标等信息。
    技术选型:Vue3 + Antd Vue + Echarts
    职责和贡献
  • 担任该项目的主要开发人员,负责整个项目的架构和开发环境的搭建,使用 Vue3、Antd Vue 和 echarts 等技术实现数据可视化效果,确保整个项目的高效运行;
  • 开发了客户运营指标、基金运营指标、投行运营指标和财务指标等模块,以图表化形式展示数据,方便领导查看和分析公司的运营情况。同时,为了满足领导查看详细数据的需求,开发了相应的下钻弹窗,方便领导快速获取更深入的数据信息;
  • 基于React 针对不同设备的展示需求,适配了 PC、iPad 和大屏设备的展示,使用 Antd Vue 等 UI 库确保了页面的美观和易用性;
  • 优化了项目的代码结构和性能,提高了代码的可维护性和扩展性,确保了项目的长期稳定性和可持续发展性。同时,与后端开发人员密切配合,保证前后端接口的顺畅和数据的准确性;
  • 通过该项目,公司领导能够快速了解公司的运营情况和财务状况,对公司的决策和发展提供了重要的参考依据,取得了很好的效果和反响。
  • 项目成果
  • 实现了数据可视化展示,包括客户运营指标、基金运营指标、投行运营指标和财务指标等模块;
  • 实现了下钻弹窗,方便领导查看详细数据信息;
  • 适配了不同设备的展示需求,确保了页面的美观和易用性;
  • 优化了项目的代码结构和性能,提高了代码的可维护性和扩展性;
  • 帮助公司领导快速了解公司的运营情况和财务状况,为公司的决策和发展提供了重要的参考依据。
  • Solar移动端
    2022.4 - 至今
    为了方便公司内部员工在移动端的数据查询和筛选,我们在Solar数据中台的基础上开发了移动端应用程序,即Solar移动端。该应用程序使用React技术构建,实现了自适应屏幕布局,能够适应不同尺寸和分辨率的移动设备。
    技术选型:UmiJS + React + Antd Mobile + Echarts
    职责和贡献
  • 参与了Solar移动端应用程序的开发工作,主要负责实现界面和交互方面的需求;
  • 使用React和相关的插件和库,开发了可重用的组件和模块,加速了开发过程;
  • 基于React Router和Redux等插件和库,管理了Solar移动端应用程序的路由、状态和数据请求等方面的需求;
  • 负责应用程序的自适应屏幕布局,使得应用程序能够在不同尺寸和分辨率的移动设备上正常显示;
  • 参与了测试和调试工作,保证应用程序的质量和稳定性。
  • 项目成果
  • 成功开发并发布了Solar移动端应用程序,方便了公司内部员工在移动设备上的数据查询和筛选;
  • 应用程序使用React技术构建,具有良好的组件化和可重用性,加速了开发过程;
  • 应用程序实现了自适应屏幕布局,适应不同尺寸和分辨率的移动设备,提高了用户体验;
  • 应用程序经过测试和调试,保证了其质量和稳定性,得到了公司内部员工和客户的广泛使用和高度评价。
  • Solar (pc)
    2021.8 - 至今
    Solar项目是一个数据中台项目,旨在整合公司的其他数据平台,为客户的数据查询和筛选提供更加高效的解决方案。项目目标是建立一个可扩展、易维护和可靠的数据中台平台,为公司内部员工和外部客户提供高质量的数据服务。为了实现这个目标,Solar项目分为多个阶段,包括需求调研、系统设计、开发实现和测试部署等。项目团队由多个部门和职能组成,成功交付,为公司的数据服务提供了更加高效、便捷和可靠的解决方案。
    技术选型:UmiJS + React + Antd + Echarts
    职责和贡献
  • 作为前端开发工程师,负责开发和维护Solar数据中台的前端应用程序;
  • 使用React框架进行前端应用程序的开发和设计;
  • 与项目团队合作,了解用户需求并根据需求开发前端应用程序;
  • 参与系统设计和技术选型,为项目提供前端技术选型建议;
  • 优化前端代码以提高应用程序的性能和响应速度;
  • 与后端开发工程师紧密合作,确保前端和后端代码能够无缝衔接;
  • 提供前端技术支持和协助,为项目团队和其他相关部门提供技术指导和解决方案;
  • 通过团队合作和沟通,确保项目在预定时间内交付,并达到高质量的标准。
  • 项目成果
  • 成功建立了一个可扩展、易维护和可靠的数据中台平台,为公司内部员工和外部客户提供高质量的数据服务;
  • 整合了公司的其他数据平台,提供了更加高效的数据查询和筛选解决方案;
  • 集成了协同和管理配置的功能,为客户的数据使用和管理提供了全面的解决方案;
  • 建立了完整的项目开发流程和质量控制体系,确保项目在预定时间内交付,并达到高质量的标准;
  • 提供了优质的技术支持和服务,为客户提供更好的体验和服务;
  • Solar项目被公司内部广泛使用,并得到了员工和客户的高度评价。项目的成功建设为公司的数据服务提供了更加高效、便捷和可靠的解决方案,为公司的业务发展做出了重要贡献。
  • 乐纯酸奶
    2020.3 - 2021.8
    该项目旨在为乐纯酸奶在线上推广提供支持,通过建立官网介绍页面,让用户更便捷地了解乐纯酸奶的品牌、产品、营养成分等信息。
    技术选型:React + Redux
    职责和贡献
  • 担任模块开发,负责乐纯品牌、产品、营养价值等模块的开发和迭代优化;
  • 使用React框架和Redux库实现页面的组件化和数据状态管理,提高页面的可维护性和扩展性;
  • 使用组件库和CSS3动画效果增强页面的交互性和可视性,提升用户访问体验;
  • 通过不断迭代优化,完善了乐纯品牌、产品、营养价值等模块,提升了页面性能和用户体验;
  • 参与项目上线后的维护和BUG修复,保证项目的稳定性和可用性。
  • 项目成果
  • 成功上线了乐纯酸奶官网介绍页面,为在线上推广乐纯酸奶提供了有力的支持;
  • 提升了用户了解乐纯酸奶的便捷性,增强了用户对乐纯酸奶品牌的信任感;
  • 不断进行优化和迭代,提升了页面性能和用户体验,有效促进了营销效果;
  • 乐纯酸奶移动端
    2020.3 - 2021.8
    乐纯酸奶m站是为了便捷销售乐纯酸奶而设计的移动端网站,旨在提供用户在线上购买乐纯酸奶的便捷体验。该项目的主要目标是提高乐纯酸奶的线上销售量,增强品牌的知名度和用户的购买体验。
    技术选型:React + React Router + Redux + JavaScript + CSS
    职责和贡献
  • 开发和优化了多个页面和模块,如商品列表、商品详情、购物车、订单支付等,保证了用户在m站的流畅体验;
  • 负责与后端开发人员对接,实现了前后端数据的交互,并且通过redux进行状态管理,提高了项目的代码复用性和可维护性;
  • 负责页面的性能优化,如使用lazyload减少首屏加载时间、压缩图片减少页面体积等,提高了页面的加载速度和用户体验;
  • 参与了项目的上线和后续的维护工作,及时修复了项目中出现的问题和bug,并持续对项目进行优化,保证了m站的稳定性和功能的完善性。
  • 项目成果
  • 通过简洁明了的页面设计和操作流程,提高了用户的购买体验和转化率;
  • 通过移动端的设计,提供了更加便捷的访问方式,使得用户可以随时随地浏览和购买产品;
  • 上线后,乐纯酸奶移动端m站得到了用户和公司的高度认可,极大地提升了乐纯酸奶的销售量和品牌影响力。
  • 乐纯(产品平台)
    2020.3 - 2021.8
    为了方便公司内部人员操作,管理乐纯平台用户权限及管理员权限,开发了一款后台管理系统。
    技术选型:React + Ant Design + Redux
    职责和贡献
  • 负责与后端对接接口,实现数据的交互;
  • 开发用户权限及管理员权限的管理功能,包括新增、编辑、删除等操作;
  • 实现用户审核及数据统计功能,为管理员提供数据分析支持;
  • 优化系统性能,提高用户体验。
  • 项目成果
  • 实现了用户审核及数据统计功能,为管理员提供数据分析支持;
  • 通过对系统性能的优化,提高了用户体验,获得了公司内部人员的好评;
  • 系统安全性得到了保障,用户权限及管理员权限的管理功能得到了充分应用。
  • 教育背景
    东北师范大学
    计算机科学与技术(本科(非全日制))
    2021.8-2024.6
    渤海理工职业学院
    机电一体化(专科(全日制))
    2017.9-2020.6
    我的项目
    个人技术博客
    2019.10 - 至今
    个人技术博客是我独立开发的博客网站,主要用于记录和分享自己在前端开发、技术学习等方面的心得和经验。该网站采用了Next.js框架进行开发,支持实时编辑和预览。
    技术选型:React + Antd + NextJS + Markdown + SEO
    职责和成果
    我负责了整个博客网站的搭建、页面设计和开发、SEO优化等。在项目中,我实现了博客文章的分类、搜索、评论功能,并采用Egg.js和MySQL搭建了后端,实现了用户注册和登录、文章管理等功能。通过精心的设计和不断的优化,使博客网站具有优秀的用户体验和较高的访问速度。
    博客后台管理平台
    2019.10 - 至今
    作为一个独立开发者,我想要拥有一个自己的技术博客,来分享自己的技术经验,同时也想要一个方便管理的后台管理平台来对博客内容进行管理。
    技术选型:Client:Next.js + React + Ant Design + Umi.js Server:Egg.js + MySQL
    职责和成果
    我负责了整个项目的设计和开发,并完成了后台管理系统的各项功能,包括文章管理、分类管理、标签管理等。在项目开发过程中,我还使用了git进行版本控制,同时采用了敏捷开发的方式,不断迭代完善,确保项目高质量的交付。
    shimmer-api
    2023.6 - 至今
    提供各种接口服务,满足个人项目的需求。
    技术选型:NestJS
    职责和成果
    通过shimmer-api,我为个人项目提供了丰富的接口服务,满足了不同功能模块的需求。利用NestJS技术栈,我可以构建稳定、高性能的后端服务,并通过这些API为个人项目增加更多的功能和交互性。
    率土之滨玩家管理平台
    2023.3 - 至今
    《率土之滨》是一款深受玩家喜爱的策略游戏,其中最重要的元素之一是组建团队、社团或公会,共同完成游戏中的任务和挑战。为了提高游戏的可玩性和趣味性,设计一个系统,为《率土之滨》的玩家提供一套成员管理的系统机制,包含任务平台、奖池系统、抽奖系统、人员管理、团队管理、会员管理等功能。
    技术选型:Client:Umi.js + React + Ant Design Server:Nest.js + MySQL
    职责和成果
    目前项目刚刚建项,正在持续开发中...
    自我评价
    作为一名热爱前端开发的工程师,我对技术始终保持着敬畏之心,并且不断学习新的知识和技能,以提高自己的技术水平和工作效率。我注重团队合作,乐于分享和交流,能够快速融入团队并且和其他成员良好协作,以达到共同的目标。同时,我有较强的问题解决能力和自主学习能力,在遇到挑战和困难时能够冷静应对,通过不断尝试和探索找到最优解决方案。我希望能够在未来的工作中继续发挥自己的优势,并且不断追求进步和提高。