李
高级前端工程师
- 公司信息：
- 明源云科技有限公司
- 工作经验：
- 8年
- 兼职日薪：
- 500元/8小时
- 兼职时间：
- 下班后
- 周六
- 周日
- 可工作日远程
- 所在区域：
- 武汉
- 全区
技术能力
1. 扎实的前端技术栈与架构能力
深耕前端开发近8年，熟练掌握 Vue 全家桶（Vue 2/3、Vuex/Pinia、Vue Router）、React、TypeScript、Webpack/Vite 等主流技术体系，具备从0到1搭建高可用、可维护、可扩展的前端架构能力。在跨端开发方面有丰富实战经验，曾主导基于 Vue + Electron 的桌面端应用开发，实现 Windows、macOS、Linux 三端统一交付；同时熟悉移动端 H5 与小程序开发，能高效完成多端适配与性能调优。
2. 出色的问题解决与团队协作能力
面对复杂业务场景（如支付、电签、套打、静默打印等），能快速定位技术瓶颈并设计合理解决方案。擅长将业务需求转化为技术方案，通过组件抽象、接口封装、工程化规范（ESLint、Prettier、CI/CD）提升团队开发效率与代码质量。具备良好的跨职能沟通能力，能与产品、后端、测试高效协同，保障项目高质量交付。
3. 持续学习与技术前瞻性
始终保持对前端生态的敏锐度，积极学习新兴技术（低代码平台、WebAssembly 等），并关注 AI 与前端工程的融合趋势。近期已开始探索 AI 辅助开发（如 Copilot、claude） 在提效编码、自动化测试中的应用
项目经验
一. 明源云天际PaaS平台-公共服务
业绩：
该项目不仅成为明源云内部前端架构标杆，其组件库、工程规范及架构演进思路已被多个 BU 借鉴复用，有效支撑了公司“平台即服务”战略的快速落地。
内容：
1. 技术栈：Vue 2/3 + TypeScript + qiankun 微前端 + Lerna + Webpack/Vite + Tailwind CSS + Node.js 私有 npm 仓库
2. 项目简介： 作为明源云核心中台能力载体，公共服务平台聚合了支付、电子签约、短信通知、模板套打、发票管理、文档处理等十余项企业级通用服务，面向集团内数十条业务线提供标准化、高可用的前端接入能力。项目初期各子应用独立开发、技术栈不一、复用率低，需统一架构治理。
3. 核心职责与技术亮点：
● 从0到1主导前端整体架构设计与演进: 作为该平台唯一前端负责人，全程主导了从分散单体 → 微前端解耦 → 单仓融合的完整架构演进路径，确保系统在业务高速增长下的可维护性与扩展性。
● 基于 qiankun 实现企业级微前端架构落地: 面对多个历史子应用（Vue 2/Vue 3 混合）独立部署、技术栈割裂的问题，采用 qiankun 微前端方案完成统一体验整合
● 构建高复用公共组件体系，推动工程标准化, 抽象出 50+ 通用业务组件（如支付弹窗、电签签署页、套打预览器、文件上传器等），通过 Lerna + Yarn Workspaces 管理多包仓库（monorepo），将组件、工具函数、UI 样式、TypeScript 类型定义统一打包，并发布至公司私有 Node.js npm 仓库，供所有子应用按需引入，显著提升开发效率与 UI 一致性。
● 推动架构二次升级：从微前端到单仓融合: 随着团队协作模式成熟与 CI/CD 能力增强，为降低微前端运维复杂度、提升本地开发体验，主导将原分散的子应用代码全量迁移至单一 Git 仓库，采用 webpack + pnpm workspace 重构构建流程
二. 智能套打服务（文档套打 + 单据模板设计器）
业绩：
● 已支撑 物业收费、财务开票、合同签署 等 8+ 业务场景；
● 累计创建模板超 1,200+ 个，月均套打量超 50,000 次；
● 获公司年度“技术创新奖”，成为明源云 PaaS 平台标志性服务能力之一。
内容：
技术栈：Vue + javascript + OnlyOffice Document Builder + vue3-drag-resize-rotate + HTML5 Drag & Drop + 自研公式引擎
项目背景：
为满足企业客户在合同、收据、发票等场景下对高精度、可配置、所见即所得打印输出的需求，主导设计并开发了一套完整的智能套打服务系统，包含两大核心模块：
文档套打：基于 OnlyOffice 实现 Word/PDF 模板变量注入与动态渲染；
单据套打：提供可视化拖拽设计器，支持业务方自助创建收据/单据模板。
核心职责与技术亮点：
✅ 文档套打模块（OnlyOffice 集成）
深度集成 OnlyOffice Document Builder：
利用 OnlyOffice 的服务端文档生成能力，将业务数据（如客户名称、金额、日期）以变量形式注入 Word 模板，实现动态内容填充。
增强变量交互体验：
支持在编辑态高亮显示所有变量占位符（如 {customerName}），便于用户识别；
点击变量可进入选中状态，展示上下文信息（如字段来源、格式规则）；
提供“变量定位”功能，一键跳转到文档中所有该变量出现的位置。
首创前端公式引擎支持：
允许用户在模板中为文本字段绑定计算逻辑，包括：
函数公式（如 SUM(items.price)、FORMAT_DATE(date, 'YYYY-MM-DD')）
✅ 单据套打模块（可视化模板设计器）
基于 Vue 3 的自由布局引擎：
采用 vue3-drag-resize-rotate 结合原生 HTML5 Drag & Drop API，构建高性能、响应式的模板画布，支持：
拖拽添加文字、图片、表格、网格线、二维码等元素；
实时调整位置、尺寸、旋转角度、层级顺序；
吸附对齐、标尺辅助、网格吸附等专业设计体验。
三. 跨平台静默打印客户端（Electron 桌面应用）
业绩：
该工具已集成至明源云 合同、财务、物业等 5+ 条核心产品线，覆盖数多家企业客户，日均处理打印任务超 6,000 次。相比原生浏览器打印，用户操作步骤减少 100%（无需点击确认），打印失败率下降 70%，成为公司标准外设交互
案例展示
-
明源云天际PaaS平台-公共服务
1. 技术栈：Vue 2/3 + TypeScript + qiankun 微前端 + Lerna + Webpack/Vite + Tailwind CSS + Node.js 私有 npm 仓库 2. 项目简介： 作为明源云核心中台能力载体，公共服务平台聚合了支付、电子签约
-
套打服务（文档套打 + 单据模板设计器）
内容： 技术栈：Vue + javascript + OnlyOffice Document Builder + vue3-drag-resize-rotate + HTML5 Drag & Drop + 自研公式引擎 项目背景： 为满足企业客户在合同、收据、发票等
-
岚图小程序
岚图小程序是面向新能源汽车用户的官方 B2C 服务平台，核心覆盖用户看车、购车、用车、售后全链路场景。功能上包含车型展示与配置对比、线上预约试驾、金融方案测算、在线订车与订单管理、车主社区与内容运营、保养预约与道路救援、会员权益体系、活动营销与优惠券发放等模块，同时集成了消息通知
