首页文章文归档树洞摄影友情链接关于更多
SHIMMER
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、计算机网络
    • 工作经历
    美团
    2024.6.17 - 至今
    核心本地商业商家前端组/Web前端
    北京
    北京国人通教育有限公司
    2024.4.19 - 2024.6.14
    Web前端开发工程师
    北京
  • 负责主页门户开发，提供iframe嵌入能力，简化门户搭建；
  • 负责管理端驾驶舱开发，供给租户数据统计查看；
  • 协助测试团队进行测试，并解决测试过程中的问题和反馈；
  • 设计和开发Web前端组件，提高开发效率；
  • 提出业务中存在的问题，优化产品体验。
    • 华兴资本
    2021.8 - 至今
    Web前端开发工程师
    北京
  • 创建并维护Web前端开发项目的代码库，协作实施时间表；
  • 跟踪并了解前端开发技术的发展，维护和优化现有项目；
  • 协助测试团队进行测试，并解决测试过程中的问题和反馈；
  • 设计和开发Web前端组件，提高开发效率；
  • 与UI设计师和产品经理合作，确保网站的外观和功能符合设计要求和用户期望；
  • 编写文档和注释，以便其他开发人员能够轻松地维护和扩展网站；
  • 优化网站的性能和速度，提高用户体验。
    • 乐纯悠品
    2020.3 - 2021.8
    Web前端开发工程师
    北京
  • 设计和开发高可用性和可访问性的网站，确保良好的用户体验；
  • 使用HTML、CSS和JavaScript等技术编写高质量的代码；
  • 与后端开发人员协作，确保正确的服务器通信和交互；
  • 使用React和Vue.js等框架开发网站前端，提高开发效率和代码质量；
  • 对网站进行测试和调试，确保稳定性和安全性；
  • 解决网站开发过程中的各种问题；
  • 编写文档和注释，以便其他开发人员能够轻松地维护和扩展网站。
    • 项目经验（点击项目名称展开）
    学习公社6.0（学员端mobile）
    2024.4.19 - 2024.6.14
    国人通内部主要业务平台
    技术选型：react + react-router-dom v6 + mobx
    职责和贡献
  • 负责大赛各页面开发，在极短的时间内，完成了极大的开发工作，实现了业务的如期交付；
  • 负责大赛评审页面开发，完成了极其复杂的数据交互，采用单一数据源，规避了pc评审的复杂数据处理使代码维护困难的问题；
  • 合理的页面拆分，使页面结构清晰，可维护性高。
    • 项目成果
  • 开发效率高，使业务能如期交付测试，能够提前排查各种问题；
  • 对于页面细节的把控，使用户的视觉体验更佳；
  • 代码的可维护性，为后续开发人员提供了很大的便利。
    • 学习公社6.0（学员端pc）
    2024.4.19 - 2024.6.14
    国人通内部主要业务平台
    技术选型：react + react-router-dom v6 + mobx
    职责和贡献
  • 负责首页门户以及各二级页搭建，提供了功能完善的layout页面；
  • 封装二级页面配置组件，统一处理各种业务，提供二级页快速搭建能力；
  • 负责资讯页面编写，合理的代码拆分，提供了页面可维护性。
    • 项目成果
  • 门户的微交互，受到领导的认可；
  • 对于页面细节的把控，使门户的视觉体验更佳；
  • 代码的可维护性，为后续开发人员提供了很大的便利。
    • 学习公社6.0（管理端）
    2024.4.19 - 2024.6.14
    国人通内部主要业务平台
    技术选型：react + react-router-dom v6 + mobx
    职责和贡献
  • 负责驾驶舱等业务开发，编写通用通知轮播组件；
  • 使用useMemo拆分各业务块，使页面重绘可控，并提高代码可维护性；
  • 优化全局ui，使各页面ui规范统一。
    • 项目成果
  • 应用程序具有功能完备、界面美观、易于使用的特点，受到了用户的积极反馈和认可；
  • 通过我对接口调试和数据逻辑的统一处理，实现了前后端之间的稳定数据交互，确保了应用的可靠性和性能；
  • 我提供给团队成员详尽的文档注释和高质量的代码，使得其他开发人员能够轻松理解和维护项目。
    • Huaxing Ai
    2023.7 - 2024.1.19
    华兴ai项目是华兴在公司内部提供人工智能辅助办公的尝试，旨在为员工提供方便快捷的办公平台。
    技术选型：Vite + Vue3 + Antd Vue + Pinia
    职责和贡献
  • 担任该项目的主要开发人员，负责整个项目的架构和开发环境的搭建，确保整个项目的高效运行；
  • 使用 Vite + Vue 3 框架以及 Ant Design Vue 和 Pinia 插件，快速地搭建了美观、简洁、易用的聊天应用程序；
  • 负责处理接口调试和数据逻辑的统一处理，确保前后端之间的数据交互顺畅可靠；
  • 为整个团队提供了完善的数据获取方法，编写了高质量的代码并提供详尽的文档注释，以提高团队成员的开发效率；
  • 帮助项目顺利推进，并向公司内部员工提供了一个功能完备、界面美观、易于使用的聊天应用。
    • 项目成果
  • 在开发过程中，我成功完成了聊天项目的搭建和完善，项目正常运行并提供给公司内部员工使用；
  • 应用程序具有功能完备、界面美观、易于使用的特点，受到了用户的积极反馈和认可；
  • 通过我对接口调试和数据逻辑的统一处理，实现了前后端之间的稳定数据交互，确保了应用的可靠性和性能；
  • 我提供给团队成员详尽的文档注释和高质量的代码，使得其他开发人员能够轻松理解和维护项目；
  • 我的工作帮助项目顺利推进，根据用户反馈进行了持续的改进和优化，提升了整体的用户体验和满意度；
  • 在项目进行期间，我积极与团队合作，解决了各种技术和业务问题，展现了出色的团队合作精神。
    • Dashboard
    2023.1 - 2024.1.19
    该项目是为公司领导提供数据可视化展示的一个网页，主要用于查看公司各项运营指标和财务指标等信息。
    技术选型：Vue3 + Antd Vue + Echarts
    职责和贡献
  • 担任该项目的主要开发人员，负责整个项目的架构和开发环境的搭建，使用 Vue3、Antd Vue 和 echarts 等技术实现数据可视化效果，确保整个项目的高效运行；
  • 开发了客户运营指标、基金运营指标、投行运营指标和财务指标等模块，以图表化形式展示数据，方便领导查看和分析公司的运营情况。同时，为了满足领导查看详细数据的需求，开发了相应的下钻弹窗，方便领导快速获取更深入的数据信息；
  • 基于React 针对不同设备的展示需求，适配了 PC、iPad 和大屏设备的展示，使用 Antd Vue 等 UI 库确保了页面的美观和易用性；
  • 优化了项目的代码结构和性能，提高了代码的可维护性和扩展性，确保了项目的长期稳定性和可持续发展性。同时，与后端开发人员密切配合，保证前后端接口的顺畅和数据的准确性；
  • 通过该项目，公司领导能够快速了解公司的运营情况和财务状况，对公司的决策和发展提供了重要的参考依据，取得了很好的效果和反响。
    • 项目成果
  • 实现了数据可视化展示，包括客户运营指标、基金运营指标、投行运营指标和财务指标等模块；
  • 实现了下钻弹窗，方便领导查看详细数据信息；
  • 适配了不同设备的展示需求，确保了页面的美观和易用性；
  • 优化了项目的代码结构和性能，提高了代码的可维护性和扩展性；
  • 帮助公司领导快速了解公司的运营情况和财务状况，为公司的决策和发展提供了重要的参考依据。
    • Solar移动端
    2022.4 - 2024.1.19
    为了方便公司内部员工在移动端的数据查询和筛选，我们在Solar数据中台的基础上开发了移动端应用程序，即Solar移动端。该应用程序使用React技术构建，实现了自适应屏幕布局，能够适应不同尺寸和分辨率的移动设备。
    技术选型：UmiJS + React + Antd Mobile + Echarts
    职责和贡献
  • 参与了Solar移动端应用程序的开发工作，主要负责实现界面和交互方面的需求；
  • 使用React和相关的插件和库，开发了可重用的组件和模块，加速了开发过程；
  • 基于React Router和Redux等插件和库，管理了Solar移动端应用程序的路由、状态和数据请求等方面的需求；
  • 负责应用程序的自适应屏幕布局，使得应用程序能够在不同尺寸和分辨率的移动设备上正常显示；
  • 参与了测试和调试工作，保证应用程序的质量和稳定性。
    • 项目成果
  • 成功开发并发布了Solar移动端应用程序，方便了公司内部员工在移动设备上的数据查询和筛选；
  • 应用程序使用React技术构建，具有良好的组件化和可重用性，加速了开发过程；
  • 应用程序实现了自适应屏幕布局，适应不同尺寸和分辨率的移动设备，提高了用户体验；
  • 应用程序经过测试和调试，保证了其质量和稳定性，得到了公司内部员工和客户的广泛使用和高度评价。
    • Solar (pc)
    2021.8 - 2024.1.19
    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与Ant Design构建模块化的组件系统，并利用Markdown实现内容的灵活编辑和展示。
    技术选型：Next.js, React, Ant Design, Markdown, SEO
    职责和成果
    主导了全栈开发，涵盖前端页面设计、组件开发、SEO优化，以及后端的Egg.js服务与MySQL数据库集成。实现了复杂的功能模块，如文章分类、全文搜索、用户评论等，并优化了网站性能，提升了用户体验和访问速度。
    博客后台管理平台
    2019.10 - 至今
    为技术博客开发的后台管理系统，支持对文章、分类、标签等内容的高效管理。
    技术选型：Next.js, React, Ant Design, Umi.js, Egg.js, MySQL
    职责和成果
    负责系统架构设计与开发，实现了完整的CRUD功能，并引入了Umi.js进行路由管理和权限控制。使用敏捷开发方法，不断迭代优化项目，确保了高质量交付。同时，通过Git进行版本控制，保障了代码的可追溯性与协作性。
    shimmer-api
    2023.6 - 至今
    基于NestJS框架的API服务平台，为多个个人项目提供后端支持。
    技术选型：NestJS
    职责和成果
    设计并实现了高性能、可扩展的API服务，涵盖用户认证、数据处理等功能模块。通过模块化设计和依赖注入，提升了代码的可维护性，并确保了服务的稳定性和可扩展性。
    率土之滨玩家管理平台
    2023.3 - 至今
    为策略游戏《率土之滨》设计的玩家管理系统，包含团队管理、任务平台等核心功能。
    技术选型：Umi.js, React, Ant Design, Nest.js, MySQL
    职责和成果
    项目处于持续开发中，负责前后端技术选型和架构设计。前端使用Umi.js与React构建组件化界面，后端采用Nest.js与MySQL搭建数据服务。通过模块化开发与持续集成，提高了开发效率和系统可维护性。
    自我评价
    作为一名热爱前端开发的工程师，我对技术始终保持着敬畏之心，并且不断学习新的知识和技能，以提高自己的技术水平和工作效率。我注重团队合作，乐于分享和交流，能够快速融入团队并且和其他成员良好协作，以达到共同的目标。同时，我有较强的问题解决能力和自主学习能力，在遇到挑战和困难时能够冷静应对，通过不断尝试和探索找到最优解决方案。我希望能够在未来的工作中继续发挥自己的优势，并且不断追求进步和提高。