菠萝菠萝蜜
高级前端开发工程师 · 12年经验 · 广州易工品有限公司
0
累计接单
0
用户评价
0
被收藏
技术能力
前端开发 · Vue · React · JavaScript · TypeScript · HTML5 · CSS · Webpack · Vite · Node.js · 微前端 · 性能优化 · ECharts · WebSocket · 小程序。
12 年 Web 前端经验，长期负责中后台、数据可视化、IoT 与电商核心链路，具备从 0 到 1 工程搭建、微前端治理、组件体系化与性能工程化落地能力。
技术广度：深度使用 Vue 2/3、React/Next.js、TypeScript；熟悉 Node.js 与 BFF 协作；有 qiankun 微前端、WebSocket 实时通信、WebGIS（Cesium / Three.js / Mapbox）、小程序 / uni-app / Flutter 等跨端经验，能在复杂业务下做技术选型与架构权衡。
工程与质量：主导/核心参与业务组件库与通用 Hooks 建设，推动列表、表单、上传、导入导出等高频场景标准化；熟悉 Webpack / Vite 构建优化、大文件分片上传、虚拟滚动、缓存与渲染层优化；有 Jira 敏捷与跨职能（产品 / 测试 / 后端 / 甲方）协作经验。
业务覆盖：金融数据策略平台、百万级 SKU 电商 PMS、运营商安全态势大屏、头部硬件海外售后系统、IoT 扫地机器人实时地图；多次承担模块级 / 子系统级前端 Owner，保障交付、验收与线上稳定。
12 年 Web 前端经验，长期负责中后台、数据可视化、IoT 与电商核心链路，具备从 0 到 1 工程搭建、微前端治理、组件体系化与性能工程化落地能力。
技术广度：深度使用 Vue 2/3、React/Next.js、TypeScript；熟悉 Node.js 与 BFF 协作；有 qiankun 微前端、WebSocket 实时通信、WebGIS（Cesium / Three.js / Mapbox）、小程序 / uni-app / Flutter 等跨端经验，能在复杂业务下做技术选型与架构权衡。
工程与质量：主导/核心参与业务组件库与通用 Hooks 建设，推动列表、表单、上传、导入导出等高频场景标准化；熟悉 Webpack / Vite 构建优化、大文件分片上传、虚拟滚动、缓存与渲染层优化；有 Jira 敏捷与跨职能（产品 / 测试 / 后端 / 甲方）协作经验。
业务覆盖：金融数据策略平台、百万级 SKU 电商 PMS、运营商安全态势大屏、头部硬件海外售后系统、IoT 扫地机器人实时地图；多次承担模块级 / 子系统级前端 Owner，保障交付、验收与线上稳定。
项目经验
一、数据实验室 · 策略引擎（中国邮政储蓄银行）
公司：广州万辰达科技有限公司
时间：2025.05 – 2025.11
角色：前端核心开发（策略域 Owner）
技术栈：Vue + Ant Design + 自研动态表单 / 大文件上传组件
项目背景
面向大数据模型的策略配置、训练数据管理与可视化展示，支撑模型训练全流程的前端交互与监控。
工作内容
设计 多源数据接入层：文件上传、数据库对接、SQL 预览、字段映射，覆盖主流训练数据接入场景。
实现 GB 级 Excel/CSV 分片上传 + 断点续传 + 进度反馈，提升弱网环境下大文件上传成功率。
构建 模型驱动动态表单引擎：按模型类型动态加载 schema 与联动校验，减少硬编码表单 60%+。
开发策略执行结果可视化：训练进度监控、指标趋势图、异常告警。
可编辑大表采用 虚拟滚动 + 分页加载，保障大数据量下交互流畅。
参与 RBAC 权限与数据脱敏 前端逻辑，满足金融外包合规要求。
与后端完成数据源配置、模型参数、训练任务调度等接口联调，按期通过甲方验收。
二、商品管理中心 PMS
公司：广州易工品科技有限公司
时间：2023.03 – 2023.10
角色：前端负责人（架构 + 核心业务）
技术栈：Vue3 + TypeScript + Vite + Ant Design + Pinia + WindiCSS + qiankun + Lodop
项目背景
商品创建到渠道上架全流程管理，支撑 百万级 SKU 的配置与维护。
工作内容
微前端架构：从 0 搭建项目并接入 qiankun，整合 4 个历史异构前端系统，统一基座、公共依赖与样式隔离，支持多团队并行发版。
完成商品分类、关键词、SPU/SKU 属性、运费模板、操作日志等 核心模块 开发。
商品详情域重构：主流程解耦，协同产品梳理属性与分类，输出业务规范文档，提升可维护性。
打印方案：调研浏览器限制，选用 Lodop 封装可配置打印能力，落地仓库/运营打单场景。
工程化沉淀：列表/搜索 Hooks、可拖拽弹窗指令、Excel 导入导出组件纳入公司组件库，5+ 项目复用。
WebSocket + EventEmitter 实现库存不足、新订单、售后等业务实时通知，缩短业务响应时间。
三、中国电信 · 安全态势感知系统
公司：神州通誉软件（上海）股份有限公司
时间：2019.09 – 2020.03
角色：大屏 & 安全分析模块 Owner
技术栈：Vue + Element UI + ECharts
项目背景
为电信部门采集各类资产信息并自动化分析，实现安全态势评估与预警，提升资产安全监测能力。
工作内容
负责 安全态势大屏 核心开发：数据展示、图表联动、多分辨率适配，支撑 7×24 监控展示。
完成用户行为画像、恶意域名家族、攻击溯源、网络欺诈、攻击链等 安全分析模块 前端开发。
大屏性能优化：跨域拆分静态资源请求，突破浏览器同域并发限制，首屏加载提升 30%+。
大规模图数据渲染：攻击溯源/用户画像等模块针对万级节点，采用节流、按需加载、GPU 加速（transform: translateZ(0)），优化内存占用与动画流畅度。
负责项目打包、环境配置及 生产部署上线。
四、OPPO · 海外客户服务中心
公司：神州通誉软件（上海）股份有限公司
时间：2018.10 – 2019.06
角色：核心模块前端 Owner（驻场东莞 OPPO 工业园）
技术栈：Vue2 + Vuex + Element UI + WebSocket + 公司自有组件库
项目背景
为 OPPO 海外运营维修站点（印度、法国、德国及欧美、中亚等）提供统一售后管理平台，支撑维修工单、配件、检测换货、寄送修等全流程。
工作内容
参与 OPPO 方需求评审；一期与公司产品经理使用 Axure 分工完成原型设计；二期参与详细逻辑与实现方案讨论。
负责 维修工单、配件信息、检测换货单、寄送修工单 四大核心模块及经销商、权限、业务员等 10+ 模块 开发。
实现 多语言国际化（翻译由 OPPO 提供）、跨节点请求代理、数据掩码与加密等安全能力。
负责工单流程 按钮级权限（角色 × 节点 × 操作），保证不同角色、不同节点操作符合业务流程。
负责验收阶段 BUG 修复，参与 OPPO 侧项目上线及现场支持。
五、宝乐扫地机器人 · 商务版 2.0
公司：神州通誉软件（上海）股份有限公司
时间：2020.04 – 2020.10
角色：前端核心开发 / IoT 地图与交互 Owne
公司：广州万辰达科技有限公司
时间：2025.05 – 2025.11
角色：前端核心开发（策略域 Owner）
技术栈：Vue + Ant Design + 自研动态表单 / 大文件上传组件
项目背景
面向大数据模型的策略配置、训练数据管理与可视化展示，支撑模型训练全流程的前端交互与监控。
工作内容
设计 多源数据接入层：文件上传、数据库对接、SQL 预览、字段映射，覆盖主流训练数据接入场景。
实现 GB 级 Excel/CSV 分片上传 + 断点续传 + 进度反馈，提升弱网环境下大文件上传成功率。
构建 模型驱动动态表单引擎：按模型类型动态加载 schema 与联动校验，减少硬编码表单 60%+。
开发策略执行结果可视化：训练进度监控、指标趋势图、异常告警。
可编辑大表采用 虚拟滚动 + 分页加载，保障大数据量下交互流畅。
参与 RBAC 权限与数据脱敏 前端逻辑，满足金融外包合规要求。
与后端完成数据源配置、模型参数、训练任务调度等接口联调，按期通过甲方验收。
二、商品管理中心 PMS
公司：广州易工品科技有限公司
时间：2023.03 – 2023.10
角色：前端负责人（架构 + 核心业务）
技术栈：Vue3 + TypeScript + Vite + Ant Design + Pinia + WindiCSS + qiankun + Lodop
项目背景
商品创建到渠道上架全流程管理，支撑 百万级 SKU 的配置与维护。
工作内容
微前端架构：从 0 搭建项目并接入 qiankun，整合 4 个历史异构前端系统，统一基座、公共依赖与样式隔离，支持多团队并行发版。
完成商品分类、关键词、SPU/SKU 属性、运费模板、操作日志等 核心模块 开发。
商品详情域重构：主流程解耦，协同产品梳理属性与分类，输出业务规范文档，提升可维护性。
打印方案：调研浏览器限制，选用 Lodop 封装可配置打印能力，落地仓库/运营打单场景。
工程化沉淀：列表/搜索 Hooks、可拖拽弹窗指令、Excel 导入导出组件纳入公司组件库，5+ 项目复用。
WebSocket + EventEmitter 实现库存不足、新订单、售后等业务实时通知，缩短业务响应时间。
三、中国电信 · 安全态势感知系统
公司：神州通誉软件（上海）股份有限公司
时间：2019.09 – 2020.03
角色：大屏 & 安全分析模块 Owner
技术栈：Vue + Element UI + ECharts
项目背景
为电信部门采集各类资产信息并自动化分析，实现安全态势评估与预警，提升资产安全监测能力。
工作内容
负责 安全态势大屏 核心开发：数据展示、图表联动、多分辨率适配，支撑 7×24 监控展示。
完成用户行为画像、恶意域名家族、攻击溯源、网络欺诈、攻击链等 安全分析模块 前端开发。
大屏性能优化：跨域拆分静态资源请求，突破浏览器同域并发限制，首屏加载提升 30%+。
大规模图数据渲染：攻击溯源/用户画像等模块针对万级节点，采用节流、按需加载、GPU 加速（transform: translateZ(0)），优化内存占用与动画流畅度。
负责项目打包、环境配置及 生产部署上线。
四、OPPO · 海外客户服务中心
公司：神州通誉软件（上海）股份有限公司
时间：2018.10 – 2019.06
角色：核心模块前端 Owner（驻场东莞 OPPO 工业园）
技术栈：Vue2 + Vuex + Element UI + WebSocket + 公司自有组件库
项目背景
为 OPPO 海外运营维修站点（印度、法国、德国及欧美、中亚等）提供统一售后管理平台，支撑维修工单、配件、检测换货、寄送修等全流程。
工作内容
参与 OPPO 方需求评审；一期与公司产品经理使用 Axure 分工完成原型设计；二期参与详细逻辑与实现方案讨论。
负责 维修工单、配件信息、检测换货单、寄送修工单 四大核心模块及经销商、权限、业务员等 10+ 模块 开发。
实现 多语言国际化（翻译由 OPPO 提供）、跨节点请求代理、数据掩码与加密等安全能力。
负责工单流程 按钮级权限（角色 × 节点 × 操作），保证不同角色、不同节点操作符合业务流程。
负责验收阶段 BUG 修复，参与 OPPO 侧项目上线及现场支持。
五、宝乐扫地机器人 · 商务版 2.0
公司：神州通誉软件（上海）股份有限公司
时间：2020.04 – 2020.10
角色：前端核心开发 / IoT 地图与交互 Owne
立即沟通
