简历

李孟哲

155 3807 7068 & li.mengzhe@outlook.com

<高级前端开发工程师 />

前端核心技术

• 熟练使用 HTML5 语义化标签和 CSS3 新增 Flex、Grid 等特性进行响应式设计布局。
• 熟练使用 JavaScript ES6+ 特性编写高质量、高性能的代码。
• 深入理解浏览器渲染原理和 JS 引擎运行原理，能够分析和解决复杂的性能问题。

框架与工程化

• 理解 Vue 的响应式原理、组件通信机制和渲染流程，设计和实现过多个基于 Vue 的大型复杂应用。
• 熟悉 React 技术栈，理解虚拟 DOM 和 Fiber 架构，有实际项目开发经验，能够在多框架环境中灵活切换。
• 具备 UI 设计能力和用户体验意识，熟练使用 Figma、Photoshop 等工具，目标是实现用户体验极佳的用户界面。
• 熟练使用 Git 进行版本控制和团队协作。
• 具备跨端开发能力，能够开发原生微信小程序，开发 Electron 桌面端应用，开发 Uni-App App 和小程序。
• 具备全栈开发能力，熟练使用 Node.js 开发服务端应用。

上海喜树信息科技有限公司 · 研发部 · 前端组组长

• 架构升级：主导公司核心产品进行从 Vue 2 到 Vue 3 的技术升级，设计了渐进式迁移方案。
• 产品设计：设计并实现安全检测报告、流程化的检测模型、数据可视化监控大屏，以及基于 WebSocket 的实时告警推送业务。
• 项目管理：参与福建广电、江苏国网等客户定制化项目的管理工作。
• 团队建设：管理 4 人前端团队，制定技术规范和最佳实践，建立 Code Review 和技术分享机制。
• 性能优化：梳理并优化代码结构，实现首屏加载提速 60%，打包体积减少 46%，打包时间减少 52.7%。
• 个人荣誉：入职未满半年即获得公司主动加薪奖励。

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

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

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

• 核心项目：参与核心项目 AI 定义相机产品线的开发，负责前端架构设计和开发，该产品在全球 30+ 城市的智慧安防项目中落地应用。
• 实时通信：实现基于 WebSocket 的实时推送业务，保证了复杂业务场景下的数据实时性。
• 项目重构：针对 1.0 版本进行重构，重构后减少内存占用 500MB+，页面响应时间提升 70%。
• 技术方案：主导设计多个关键业务模块技术方案，包括基于 Canvas 的目标区域绘制功能、多摄像头联动控制等，显著提升了产品的技术竞争力。
• 个人荣誉：荣获公司2021 年年度最佳解决方案奖，方案被应用于公司多个核心产品。

上海树维信息科技有限公司 · 平台产品研发部 · 前端组组长

• 技术革新：负责搭建公司首款基于 Vue 的前端开发架构，并成功上线公司首款 Vue 产品。
• 技术升级：带领其他技术团队从 jQuery 升级到 Vue 技术栈，重构超过 10 万行代码。
• 数据可视化：基于 ECharts 设计实现校园数据监控大屏，创新性地应用 CSS transform 实现全尺寸屏幕自适应方案，解决了多分辨率显示问题。
• 组件库建设：参与设计和开发公司私有组件库，包含 30+ 高复用性业务组件，统一了产品设计语言。
• 团队建设：从零组建 3 人前端团队，建立技术培训体系和文档规范。
• 个人荣誉：工作热情和产出得到同事和上级领导的一致认可，荣获公司 2019 年年度优秀员工。

郑州轻工业大学 · 本科

• 主修视觉传达设计专业，获得学士学位。
• 版面编排设计、网页设计与制作等课程均获得 90+ 成绩。获得计算机二级证书。

项目简介

企业级 API 安全平台，为企业提供实时安全监测、扫描和统计分析等数据可视化界面，除此之外还提供精细化的检测模型配置、扫描规则配置等精细化配置，助力企业快速处理数据安全问题，完成国家信息安全规范要求。

技术架构

职责与成果

• 架构升级：完成从 Webpack + Vue 2 到 Vite + Vue 3 的迁移。
• 性能优化：梳理并优化代码结构，实现首屏加载提速 60%，打包体积减少 46%，打包时间减少 52.7%。
• 组件开发：开发自适应图表组件、高性能代码高亮组件等多款核心组件。
• 数据可视化：主导并完成监控大屏的设计与开发，基于 transform 实现响应式设计，支持在任意屏幕尺寸下展示。
• 实时通信：基于 WebSocket 实现低延迟告警推送系统。

项目简介

上海医药控股定制仓储管理系统，为全国百余个仓库提供一站式仓储管理解决方案，提供严格的库存管理、出入库管理和物流管理等核心业务管理，实现高效在线管理。

技术架构

职责与成果

• 架构设计：搭建基于 Vite + Vue 3 的前端架构，实现组件化开发。
• 流程优化：深度参与产品设计，主导业务流程规范化与接口规范化，减少用户操作步骤 40%，提升系统易用性。
• 权限系统：设计多维度权限管理方案，支持按仓库、角色和账号精细化权限分配，覆盖 200+ 功能点。
• 组件开发：开发 15+ 高复用业务组件，组件复用率达 85%，缩短开发周期 30%。
• 数据验证：基于 vxe-table 修改并实现严格且明确的表格验证，保证实际业务数据的完整性和准确性。

项目简介

大型数据资产管理平台，提供数据资产全生命周期管理，为西北工业大学等多所高校提供数据资产梳理、归档与展示服务，通过动态监控大屏和数据分析系统实现数据价值挖掘。支持复杂数据结构的增删改查，集成严格的多级权限控制机制。

技术架构

职责与成果

• 架构设计：搭建公司首个基于 Webpack + Vue 2 的前端架构，实现组件化开发。
• 桌面端：基于 Electron 开发桌面端，实现待办事项、消息查收等常用功能。
• 数据可视化：实现基于 ECharts 的数据安全监控大屏，基于 transform 实现响应式设计，支持在任意屏幕尺寸下展示。
• 权限控制：通过菜单配置和角色配置结合实现 RBAC 权限模型。

项目简介

大型门户网站，西北工业大学校园综合服务平台，为 3 万+ 师生提供教学、科研、办公和生活一站式服务，包括考试安排、奖学金申请、教室预约和成绩查询等核心功能。

技术架构

职责与成果

• Web 端：基于 Vue 2 构建 Web 端。
• 移动端：基于 Uni-App 开发移动端。
• 组件库建设：设计并实现校园门户专用组件库，包含 25+ 业务组件，提升开发效率 60%。

项目简介

大型 AI 安防系统，商汤科技智慧安防核心产品，实现视频实时预览和 AI 识别结果推送，支持人脸、车辆等多目标实时跟踪，已在全国 30+ 城市智慧安防项目中落地应用。

技术架构

职责与成果

• 性能优化：通过梳理代码结构，调整设计模式，减少内存占用 500MB+，页面响应时间提升 70%。
• 实时预览：基于 OCX 技术实现毫秒级视频预览，将延迟从 30ms 秒降至 16ms，方案被公司多产品线采用。
• 实时通信：基于 WebSocket 实现 AI 识别结果推送，保证数据实时性。
• 交互设计：开发基于 Canvas 的目标区域绘制功能，支持多种复杂场景标注，提升识别准确率 25%。