/resume

READ-ME

简历

个人信息
专业技能
  • 熟练掌握 HTML、CSS、SCSS、JavaScript、TypeScript、以及常用的响应式布局、移动端布局方案
  • 熟练掌握 Vue2、Vue3、VueRouter、Vuex 等Vue技术栈，熟悉Vue3新特性
  • 熟练掌握 React、ReactHooks、React-router、Redux 等React技术栈
  • 熟练掌握 E-charts图表组件开发，客制化图表样式
  • 熟练掌握 VantUI、ElementUI、ElementPlus、Ant Design 等移动端/桌面端框架使用以及Html5开发
  • 熟悉 Node.js、Express、MySQL、MagicApi 等后端开发工具
工作经历
2022.6-至今
联启科技有限公司
前端开发
2021.3-2022.5
摩登都市工作室
前端开发
特色经历
  • 参与开发10k+ Star Github项目 沉浸式翻译 （目前已被收购）。 沉浸式翻译是一个双语对照的网页翻译插件。用户可以通过它来同时查看文章的原文和译文，以及相关的词汇和短语。同时还提供了诸如PDF翻译，电子书翻译，在线双语字幕等功能
  • 个人博客项目：https://github.com/hibichann/Vblog-frontend 采用Vue Mysql ElementUI Highlight.js Express等工具开发
项目经历

全部项目经历速读

  • React: **联通 数据分析大屏（数据大屏） **联通 AI指标助手（AI对话） **联通 幕僚智数-智能AI取数平台（AI对话）
  • Vue3: **联通 青春影像-校园歌手大赛（移动端） **联通手机营业厅-老用户专区（移动端） 解放军医院 医疗不良（安全）事件系统
  • Vue2: **联通手机营业厅 流量策略分发系统

2023.02——至今 **联通 AI指标助手

关键词：React，Umi，AI对话 项目情况： 该项目主要通过关键字进行意图识别，然后询问用户是否生成对应数据，确认后返回相应数据 任务： *

难点亮点： *

2023.05——2024.02 **联通手机营业厅 流量策略分发系统

关键词：Vue2，Element UI，Echarts，表单引擎 项目情况： 主要负责为**联通手机APP提供各类数据及样式，配置与审批，以及后台实时监控功能。各省分业务人员可根据实际业务需求配置各类活动，推荐页面或短信分发，并处理其他数据等。 任务：

  • 素材模板表单引擎的独立开发与维护，目前是该项目唯二核心业务，支撑百余套业务模板
  • 百度云BOS上传，各类图表，通用样式等公共组件开发及维护。
  • 审批，报表，产品，活动等常规业务页面开发与维护。
  • 版本迭代，需求变更，性能优化等后续工作。

难点亮点：

  • 表单引擎： 实现多种复杂类型的表单数据动态配置，新增模板仅需5分钟配置即可。为 100+ 商城商品样式，优惠大小图，瀑布流，小黑条等展示位提供支持，相比静态页面极大的增强了可维护性，统一了各种复杂表单的数据格式，减少潜在代码量 90%+
  • 百度云BOS上传： 阅读文档，独立完成百度云BOS SDK实例化，与BOS建立通信，文件切片，实现分块上传，转换CDN链接等功能，为项目提供了超大文件上传的能力，减少了后端服务器压力，提高了用户体验

2022.7-2023.5 医疗不良（安全）事件系统

关键词：Vue3，TypeScript，Echarts 项目情况： 这个项目是一个全面的管理系统，它允许用户通过前端页面配置各种数据。它提供了详细的权限管理功能，可以根据用户的类型提供相应的页面和逻辑。系统中的事件可以通过上报、处理和质量控制评价来完成，每个步骤都包含退回和等待状态。此外，该系统还可以接入非计划不良事件的数据，并确认是否存在隐瞒或遗漏的情况。 任务：

  • 独立负责字典管理，统计分析，事件上报的页面与逻辑的构建。
  • 独立完成与对接病历系统的数据接入页面与逻辑的编写。
  • 开发基于Echarts的定制化的图表组件和其他通用组件。
  • 降低部分页面80%内存占用，提高用户体验。
  • 局部重构，提升了代码可读性易用性。

难点亮点：

  • 降低内存占用： 在项目测试阶段，发现某些页签在打开时会导致内存占用急剧增加。经过分析，我发现问题出在某些下拉选择树列表的DOM数量过大。为解决这个问题，我们将其改为懒加载，从而成功地将内存使用率降至正常水平。

  • 定制化图表组件开发： 利用E-charts开发了近20套通用的，定制化的图表组件，提升了系统的可视化效果和用户体验

2023.12——2024.2 甘肃联通数据分析大屏

关键词：React，Echarts 项目情况： 这是一个涉及降套/增收/流量/地市，四个一级维度和几十个二级维度的数据可视化项目。它的目的是为甘肃联通运营中心提供一个数据分析大屏，以便他们可以更好地了解用户的行为和需求。 任务：

  • 大屏页面开发，数据对接，Echarts图表组件开发。
  • 后续变更需求更新，持续维护。

难点亮点：

  • 持续跟进需求变更： 由于项目的特殊性，需求变更频繁，我需要不断地与业务人员沟通，以确保我能够及时地了解他们的需求，并将其转化为具体的页面和逻辑。

2023.10——2023.11 **联通手机营业厅-老用户专区

关键词：Vue3，Vant4，TypeScript，Vite 项目情况： 这个项目是关于**联通手机营业厅的老用户专区页面的重构。原有的页面设计和功能已无法承载当前的业务需要，因此决定进行一次全面的重构。重构的目标是使页面更具配置性和自由度。 任务：

  • 单人独立开发app端页面，重构老用户专区为可动态配置的页面，现在，业务人员可以通过后台自由选择要添加到首页的元素类型，并自由调整它们的顺序，实现了首页的完全可控。

难点亮点：

  • 动态配置： 与后端配合，约定数据样式与规范，帮助业务人员能够更简单的配置老用户专区内容，实现了首页的完全可控，大大提高了业务的灵活性。

  • 埋点数据收集： 为了更好地理解用户的行为和需求，我在项目中实现了埋点数据收集功能。这包括设计和实现数据收集策略，以及确保数据的准确性和完整性。

2023.11——2023.12 青春影像-校园歌手大赛

关键词：Vue3，Vant4 项目情况： **青年报社、共青团**网络影视中心与**联通共同发起的“青春影像”校园歌手征集活动拉开帷幕。该活动是第七届“青春影像”青少年微电影短视频征集展示活动的配套主题活动，旨在充分响应在校青年诉求，进一步搭建展示青年风貌的广阔舞台，发现和培养青年专业人才。 任务：

  • 独立进行H5页面开发，内含大厅，排行榜，报名，投票，活动规则等十几个页面。
  • 对接微信接口，实现微信授权登录，分享等功能。

难点亮点：

  • 持续跟进需求变更： 由于项目的特殊性，需求变更频繁，我需要不断地与业务人员沟通，以确保我能够及时地了解他们的需求，并将其转化为具体的页面和逻辑。

2021.3-2021.9 游戏内插件与论坛二次开发

项目情况： 远程为MCRP游戏工作室进行前端开发任务，该工作室运营了一个FiveM服务器，定制性极高，需要开发各类插件在FiveM的基础上实现游戏功能，以及对论坛进行二次开发。 关键词：JQuery，Lua，PHP，Discuz 任务：

  • 负责开发用户列表、好友列表、房价查询以及背包功能。这些功能的实现极大地增强了游戏的互动性和用户体验。
  • 负责论坛的二次开发，通过对论坛的定制化开发，使其更好地满足用户的需求和提高用户的参与度。