李泓洁

计算机科学与技术

2021年06月 — 2024年06月

2024年09月 — 2024年12月

该项目是专门用于构建和管理门户网站的平台,因旧版门户页面以及技术过于老旧,与新系统接入存在兼容性问题,用户决 定重构门户项目,项目分为移动端PC端和后台管理端,移动端同PC端。后台管理功能包括但不限文章内容管理、账户管理、 公告管理,样式管理,排版风格管理,权限管理。前端主要是文章展示,基础信息的展示。 后端技术栈 SpringBoot + SpringMVC + Mybatis + Redis + MySQL + RESTful API 前端技术栈 Vue3 + VueRouter + Pinia + Ant Design Vue + TypeScript + WangEditor + Vite + Vuedraggable + ESlint + Prettier + Gitee 项目业绩 1. 封装axios拦截器实现token自动刷新、错误状态码统一处理,提高API请求成功率 2. 实现企业组织架构的树形结构展示,并封装成组件。 3. 使用ESLint + Prettier 统一规范代码,已形成公司的书写代码规范,git提交规范 4. 优化执行效率,提高代码可维护性,精简代码体积,重构覆盖率50% 5. 将后台管理开发成公司内部统一后台项目模板,仿vue-element-admin

2024年07月 — 2024年09月

该项目为电厂开发一套公务用车统一管理平台,项目分为移动端和PC端,司机端,移动端包括但不限用户提交用车申请,领 导审批,在线调度派车,司机端负责接单,后台主要是基础信息的管理,和各个车辆的实时位置查询。主要解决传统人工调 度效率低、费用不透明、车辆监管难等问题,实现用车申请、审批、调度、费用核算全流程数字化。 后端技术栈 SpringBoot + SpringMVC + Mybatis + Redis + MySQL + RESTful API 技术栈 React18 + React Router + MobX + Vant + Ant Design + TypeScript + Nodejs + Koa2 + Websocket+ Vite 项目业绩 1. 利用混合技术hybrid与平台app对接口获取车辆定位,用户登录,消息推送等 2. 集成Socket.io 用于司机端实时刷新订单,并确保服务器和客户端之间的低延迟 3. 基于crypto-js实现AES加解密,确保能够安全登录 4. 集成百度地图,接入第三方车辆设备进行地图标点 5. 基于Nodejs + koa2接入第三方设备实现接口转发 6. 基于hooks封装业务通用组件,包括但不限人员选择组件

2024年02月 — 2024年06月

智慧在线公寓平台通过引入物联网等先进技术,项目分为B端和C端,小程序用于缴费,集成智能设备控制、租约管理、费用 结算、报修服务等功能,包括但不限于人脸识别或手机APP等方式实现无钥匙进入、在线报修、热水表,在线缴费等。B端功 能包括数据大屏展示,和房屋管理,缴费详情,管理员管理,公告配置,同时接入设备接口,查看密码和开锁记录。C端功能 包括但不限在线入住,移动审批,在线缴费,审批历史查询,移动数据可视化等功能。 后端技术栈 SpringBoot + SpringMVC + Mybatis + Redis + MySQL + RESTful API 技术栈 Vue3 + Pinia+ Vue Router + Element plus + Vant + TypeScript + Nodejs + Koa2 + Vite + uniapp 项目业绩 1. 集成TypeScript,提高代码的健壮性和可维护性,类型即文档,迭代提升30%。 2. 基于Node + koa2 完成本系统和设备中心的接入。 3. 基于Composition API 实现代码复用,逻辑分离 3. 集成AntV,实现可视化大屏 4. 工程化搭建,配置ESLint+ Prettier+ TypeScript严格模式,规范提交代码,Code Review耗时降低。 5. 自定义Vite插件实现类umi的约定式路由,减少80%路由样板代码,降低90%的路由Bug。 6. 根据前端监控平台的量化指标数据,制定对应优化策略方案,实现既定优化目标。并自定义Vite插件处理Prefetch预加载 问题,降低30%-50%的打包体积,打包时间减少20s内。

2023年08月 — 2024年02月

生产数据中心平台是为华能集团下属电厂生产管理部解决系统报表上传及BI展示问题,主要包括四个端后台端负责生产数据 维护及报表上传,可通过Excel及PPT导入。PC端主要是将Excel导入的数据以BI形式展示。手机端同PC端。控制端:服务于 开会时调度控制 后端技术栈 SpringBoot + SpringMVC + Mybatis + Redis + MySQL + RESTful API 技术栈 Vue2 + Vuex + Vue Router +Element UI + vxe-table + Vant + WebSocket + Webpack4 + Webpack5 项目业绩 1. 深度优化WebPack构建流程,babel升级swc,优化loader加载效率主要使用了thread-loader,大幅度提升系统效率和可 维护性。 2. 实现虚拟列表,通过缓冲区技术显著提升长列表的滚动流畅度和渲染性能。经过优化,渲染时间减少90%,实现了滚动无 卡顿。该优化方案已运用了多个项目,解决大规模数据展示的性能瓶颈问题。 3. 使用计时器劫持模拟,并通过线程通信,封装通用的解决浏览器页签计时器节流问题。减少开发期间心智负担,并收录到 公司通用库中,服务于公司相关业务产品。 4. 封装可扩展的文件运行时,实现对多文件预览支持,目前已支持img、docx、xlsx、ppt、pdf、md、txt、audio、 video、html等。该功能已封装到公司通用库,服务于各类项目 5. 实现跨标签页通信常用技术手段的封装,主要通过BroadCastChannel API

2025年01月 — 2025年02月

组件库能够广泛覆盖 Element Plus 的功能，并且与 Element Plus 的 API 兼容。可以作为 Element Plus 的替代品，提供相同的功能和使用体验，方便用户迁移和使用。组件库提供简洁明了的 API 和组件结构，使开发人员能够快速上手并高效构建界面，减少开发时间和工作量。部分组件兼容多种开发范式。