在线简历

个人资料

• 个人信息：汪骏 / 男 / 29岁 / 19937785238 / 本科
• 邮 箱：mail@wangjun.work
• github：github.com/wj100
• 博 客：csdn.wangjun.work

专业技能

• Vue，React技术栈，及常用工具（Git、Eslint、Webpack、CI/CD等）
• 熟悉云服务基础运维，包括资源申请、网络配置、安全组策略等
• 协调跨团队需求排期与风险把控，具备技术方案文档编写经验

工作经历

• 2021.05 - 至今   网易（杭州）网络有限公司
• 2020.08至2021.05 杭州柯莱特科技有限公司
• 2019.06至2020.08 南京英斯特信息科技有限公司

项目经历

网易企业邮箱业务

• 主要技术 AngularJs + Vue2 + React + Node
• 项目职责与成果
  负责网易企业邮箱全产品线的开发与维护，涵盖官网、Webmail、小程序、管理后台，以及与163邮箱、邮箱大师等产品的对接。

  • 独立设计并实现 企微、飞书、钉钉第三方办公平台的小程序研发方案，通过复用现有邮箱产品能力与小程序SDK，高效实现产品功能，显著提升开发效率。

  • 邮箱管理后台（AngularJS）业务迭代：
    • 实现企业邮箱年终数据报告功能，并开发 PDF分页下载工具，优化用户数据导出体验。
    • 采用 angular-html-parser 结合 babel-core，完成管理后台项目的国际化改造，并开源 angularJs-i18n 方案，提升项目的国际化支持能力。
    • 设计并开发企业邮箱明水印方案，推出 watermark-pub 水印库，支持多行文本、动态水印，并提供水印宽高动态计算功能，广泛应用于邮箱全产品前端，增强数据安全性和版权保护。
  • wework管理平台开发与优化：
    • 负责 基于React和Ant Design Pro的wework管理平台的业务迭代，该平台服务于技术、售前售后、销售、实施团队，涵盖邮箱产品运维、查询、直邮、客群管理等系统。
    • 实施keep-alive优化策略，显著提升系统性能和用户体验，降低资源消耗。
• 技术难点与解决方案：
  • 复杂系统对接：针对各系统业务强关联性及与163邮箱复杂对接场景，参与设计并实现中间件架构，优化OAuth 2.0授权流程，解决跨域Cookie同步、重定向等技术难题，确保系统间无缝对接与数据一致性。
  • 项目改造：对AngularJS单页面应用进行改造，通过组件指令和Webpack多入口等方法，以最小成本将部分模块改造成单页面应用，显著降低业务接入成本，为后续功能扩展和系统对接提供便利。

网易云工厂

• 主要技术 React + Vue2 + TailwindCSS + Node.js

• 项目描述
  以前端 PM 角色带领一名外包同学支撑部门外贸业务探索开发官网 + 供应链管理系统。独立负责项目技术选型与资源协调，输出技术方案文档，确保海外官网与供应链系统并行开发并按时交付。

• 官网开发 （ http://factory.163.com ）
  • 技术选型：采用 React + 预渲染 + TailwindCSS 构建高性能、响应式的海外官网。
  • 性能优化（ 优化方案 ）：
    • 使用 Node.js 实现静态资源的 CDN 上传与替换，优化全球访问速度。
    • 通过 Webpack 打包优化，将页面加载时间缩短 30%，显著提升用户体验。
    • 引入图片懒加载技术，将首屏加载时间减少 20%，降低服务器带宽消耗。
• 供应链管理系统开发
  • 技术基础：基于开源项目 vue-element-admin 进行二次开发，调整部分角色权限。
  • 功能模块： 产品业务线管理 / 供应商管理 / 业务员管理 / 客户管理 / 订单流转状态管理

气象大数据治理中心

• 主要技术 Vue2 + Echarts + 天地图
• 项目描述
  该项目包含多个子系统，主要服务于气象管理单位，用于数据治理和可视化监控。我负责开发数据可视化监控页面，实现地图操作、站点信息管理、动态图表及可编辑表格等功能模块。
• 技术实现
  • 数据可视化监控页面：
    • 使用 ECharts 和数字滚动插件开发动态可视化页面，实现数据的实时展示和动态更新。
    • 调用天地图 API，实现地图的点选、圈选、框选功能，快速获取经纬度信息。
    • 结合 Element UI 表单和表格组件，创建站点格点信息，支持通过城市选择获取经纬度。
    • 实现可拖拽的折线图与柱形图，支持动态数据更新和交互操作。
  • 功能模块开发：
    • 运用省市区选择插件，实现地域信息的快速选择与联动。
    • 开发树形结构组件，支持展开、合并及节点操作。
    • 禁用原生鼠标右键菜单，自定义实现系统所需右键菜单功能。

数据运营平台

• 主要技术 Vue-cli + Vuex + Vue-router + Axios + Element-ui

• 项目描述
  数据运营平台是一个面向多角色（Admin、Publisher、User）的资源管理与监控系统。Admin 和 Publisher 负责资源的发布与审批，User 负责资源的订阅与使用。平台涵盖资源发布、审批、激活、评论等全流程管理，并通过监控页面实现资源状态的实时监控。同时，系统提供部门和人员的权限管理功能，确保操作的合规性。

• 技术实现
  作为首次独立负责的项目，我采用成熟的 Vue 中后台技术栈，从 Vue 新手逐步成长为能够独立完成需求开发和系统优化的开发者。具体实现包括：
  • 使用 Vue-cli 构建项目基础架构，结合 Vuex、Vue-router 和 Axios 实现高效的数据管理和页面路由控制。
  • 通过 Element-ui 快速搭建中后台界面，实现资源发布、审批、监控等功能模块。
  • 研读 Vue 源码，深入理解其响应式原理、组件化机制和生命周期，为项目优化提供理论支持。
  • 实现系统设置功能，支持对部门和人员的权限管理，确保不同角色的操作权限符合业务需求。
• 项目成果
  • 功能完整性：成功实现资源发布、审批、监控全流程管理，满足多角色操作需求。
  • 性能优化：通过对 Vue 源码的学习，优化项目性能，提升页面响应速度和用户体验。
  • 技术成长：从 Vue 新手到能够独立负责项目的开发者，为后续复杂项目开发奠定基础。

个人博客

• 主要技术 Vue2 + Node + Express + Mysql + pm2

• 项目描述
  个人博客是一个用于记录工作、学习笔记的平台，支持文章发布、分类、搜索、评论等功能。从需求分析、数据库设计到前后端开发和部署上线，均由我独立完成。通过该项目，我对前后端分离开发、Vue 组件化思想、Node.js 数据库操作以及项目的全生命周期管理有了更深入的理解。

• 功能模块
  • 文章管理：支持文章的发布、编辑、删除和分类。
  • 评论系统：用户可以对文章进行评论。
  • 搜索功能：支持关键词搜索文章。
  • 标签管理：为文章添加标签，方便分类。
• 技术实现
  • 前端开发：使用 Vue 2 和 Element UI 构建响应式界面，实现文章展示、评论交互等功能。
  • 后端开发：基于 Node.js 和 Express 框架，实现对 MySQL 数据库的增删改查操作。后期使用 Koa 重写部分后端逻辑，优化性能。
  • 部署与运维：
    • 使用 Nginx 部署前端静态资源，优化访问速度。
    • 使用 pm2 实现后端服务的进程守护，确保服务稳定运行。

开源

🎁 项目	⏬ npm下载量	💬 备注
angularJs-i18n	-	使用babel和angular-html-parser实现 angularjs 项目的国际化方案
paging-pdf		企业邮箱年终报告沉淀下来的pdf分页下载工具
vue-year-picker		基于vue2的仿ant风格年份选择组件
auto-size-echart		响应式Echarts解决方案
watermark-pub		前端明水印
webp-generate-plugin	-	Webpack插件：在构建阶段自动将JPG/PNG图片转换为WebP格式，支持智能删除
html-webp-plugin	-	Webpack插件：将HTML中的<img>标签转换为<picture>，支持WebP并提供降级方案
css-webp-plugin	-	Webpack插件：基于Modernizr风格的.webp/.no-webp类注入WebP背景图规则
img-native-lazy-plugin	-	Webpack插件：为img和source标签添加原生loading='lazy'属性，实现图片懒加载