首页文章文归档树洞摄影友情链接关于更多
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 + 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
    职责和成果
    目前项目刚刚建项，正在持续开发中...
    自我评价
    作为一名热爱前端开发的工程师，我对技术始终保持着敬畏之心，并且不断学习新的知识和技能，以提高自己的技术水平和工作效率。我注重团队合作，乐于分享和交流，能够快速融入团队并且和其他成员良好协作，以达到共同的目标。同时，我有较强的问题解决能力和自主学习能力，在遇到挑战和困难时能够冷静应对，通过不断尝试和探索找到最优解决方案。我希望能够在未来的工作中继续发挥自己的优势，并且不断追求进步和提高。