简历

李孟哲

155 3807 7068li.mengzhe@outlook.com

<前端开发工程师 />

上海喜树信息科技有限公司 · 前端开发工程师 · 研发部

• 负责 APISEC 安全平台前端开发工作。
• 主导从 Webpack + Vue2 到 Vite + Vue3 的前端架构升级工作。
• 解决前端团队技术难题，提供前端技术解决方案。

伦敦城市大学 · 全日制硕士研究生

• 主修工商管理，获得硕士学位。
• 平均成绩 Good，创新管理等课程获得 Very Good。

上海商汤智能科技有限公司 · 前端开发工程师 · 智慧城市与商业事业群

• 负责 AI 定义相机 整个产品线的前端开发。
• 实现基于 OCX 的视频实时预览功能。
• 实现基于 Websocket 的即时推送功能。
• 对旧项目进行性能优化，减少约 500MB 的前端内存空间占用。
• 参与需求评审和技术讨论，提供前端解决方案，确保项目落地可行性和合理性。
• 荣获公司 2021年年度最佳解决方案奖。

上海树维信息科技有限公司 · 前端开发工程师 · 平台产品研发部

• 搭建基于 Vue 的前端开发架构，成功上线了公司第一款基于 Vue 的产品。
• 基于 Echarts 实现数据监控大屏，并基于 transform 实现屏幕自适应。
• 负责 校园门户 项目的前端重构，从 JQuery 升级到 Vue。
• 负责公司组件库的开发和维护工作。
• 组建前端团队，负责前端工作安排、技术培训、业务培训以及文档编写等工作。
• 荣获公司 2019 年年度优秀员工。

郑州轻工业大学 · 本科

• 主修视觉传达，获得艺术学学士学位。
• 版面编排设计、网页设计等课程获得高分。
• 获得计算机二级证书。

前端基础

• 熟练使用 canvas、websocket 等 HTML5 新特性。
• 熟练使用 Flex、Grid 等 CSS3 新特性。CSS 命名遵循 BEM 规范。
• 熟练使用 async/await、Set、Map 等 JavaScript ES6+ 新特性，能够在项目中广泛且合理的运用。

框架与其它

• 熟练开发基于 Vue 2.x、Vue 3.x 的应用并理解其原理。
• 熟悉 React，有实际项目的开发经验。
• 熟练使用 Webpack 和 Vite 等构建工具，有前端性能优化的具体实践。
• 熟悉 Node.js 、Electron.js、uni-app 和微信小程序，可以独立开发服务端应用、桌面端应用、APP 和小程序。
• 熟练使用 Git、Jira 等项目协同工具，保证团队协作效率。
• 有 UI 设计相关知识和经验，具有审美基础，且能够熟练使用 Photoshop、Illustrator、Figma 等设计软件。

上交所 APISEC 安全平台

项目简介

由于数据安全的重要性，上交所 APISEC 安全平台提供了对系统内部 API 进行全方位监测统计分析的功能，将疑似被攻击的以及暴露了敏感数据的 API 通过表格、图表等形式展示给用户，以便用户及时了解系统安全状况，从而进行及时的修复。该平台是数据资产安全防护的重要手段。

技术架构

职责与成果

• 主导从 Webpack + Vue2 到 Vite + Vue3 的前端架构升级工作。
• 封装图表组件，使 Echarts 图表组件实现自适应，解决了调整窗口尺寸时布局错乱的问题。
• 封装虚拟选择器组件，提高了团队开发效率，解决了数据量过大时页面的卡顿问题。
• 通过 keepalive 实现页面缓存功能。

上海医药控股全国仓库管理系统

项目简介

该系统用于管理上海医药在全国各地的仓储业务。集成了仓间仓位管理、入库管理、出库管理和物流管理等十余个模块，为上海医药提供了高效的仓库管理解决方案。

技术架构

职责与成果

• 搭建基于 Vue 3 的前端配套开发架构。
• 设计并实现了基于服务端的权限管理系统，允许管理员对不同仓库下、角色下的用户分配不同的菜单和功能。
• 封装十余款通用组件，提高了前端开发效率。
• 参与制定接口规范，从业务角度结合用户体验对操作流程进行梳理和优化。

西北工业大学数据资产服务平台

项目简介

数据资产是一个企业或组织的在数字时代的重要资产。西北工业大学数据资产服务平台会对西工大数据资产进行清晰、全面的梳理、归档和展示。通过图表和动态监控大屏，为学校提供全方位的数据监测和分析系统。

技术架构

职责与成果

• 搭建基于 Vue 2 的前端配套开发架构。
• 负责整个项目的前端开发工作，包括页面绘制、组件封装和数据联调等。
• 跟进项目部署进度，积极响应关注现场反馈，保证产品稳定运行。

西北工业大学翱翔门户

项目简介

翱翔门户是西北工业大学校园综合门户，为全校师生提供教学、科研、办公、学习和生活等各种相关服务，如考试安排、奖学金申请、教室预约、成绩查询等服务。

技术架构

职责与成果

• 搭建基于 Vue 2 的前端配套开发架构。
• 搭建业务组件库。
• 基于 Electron 实现桌面端应用，提供校园新闻、日程安排等服务。

商汤科技 AI 定义相机

项目简介

该项目用于相机视频画面实时预览和实时推送功能。通过该 Web 可以对指定的实体进行实时跟踪，并将识别结果进行实时推送。

技术架构

职责与成果

• 实现基于 OCX 的在线低延迟视频预览功能。
• 实现基于 Websocket 的实时推送功能。
• 基于 Canvas 实现目标区域绘制功能。