个人资料
- 个人信息:汪骏 / 男 / 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 | 前端明水印 |