王攀

前端开发工程师 | 4年丰富工作经验
📱 17691256961 📧 w2550687516@126.com 📍 西安 💼 求职意向:前端开发工程师
4+
年工作经验
Vue
核心专长
200万
节省成本(元)
50%
效率提升

关于我

专注于前端开发领域,拥有4年丰富的实战经验,擅长Vue.js生态系统开发,具备从0到1构建大型企业级应用的能力。

我热爱前端技术,追求代码质量和用户体验的完美结合。在职业生涯中,我主导开发了多个核心业务系统,包括企业级SaaS人事管理系统、多平台广告管理系统、智能采集插件等,为企业节省成本超过200万元,显著提升了业务效率。

技术栈覆盖Vue 2/3、TypeScript、uni-app、微信小程序等,熟悉现代前端工程化工具链。我始终关注技术前沿,善于将新技术应用到实际项目中,通过技术创新推动业务发展。

🎯 专业能力

熟练掌握Vue.js生态系统,具备大型项目架构设计和开发能力

🚀 技术创新

采用Vue 3 Composition API,代码复用率提升40%,编译速度提升200%

💼 业务价值

通过系统优化,为企业节省成本200万,工作效率提升50%以上

🤝 团队协作

具备良好的团队协作能力,擅长跨部门沟通,推动项目顺利交付

工作经历

2025.09 - 至今

前端开发工程师

陕西普思网络科技

在陕西普思网络科技工作期间,我负责多个核心业务系统的前端开发工作,使用Vue 2/3、jQuery等技术栈,参与产品规划和技术方案设计,推动项目高质量交付。

  • 核心系统开发:主导开发了众创云灵活用工平台及其后台管理系统、审核中心系统、任务中心系统、绩效管理系统、薪酬管理系统等多个核心业务系统
  • 技术栈应用:根据项目需求,灵活使用Vue 2/3、jQuery、Ant Design Vue、Element UI等技术栈,确保项目的技术先进性和可维护性
  • 系统优化:优化现有系统的性能和用户体验,通过代码重构和性能优化,系统响应速度提升35%
  • 团队协作:与产品、设计、后端团队紧密配合,推动项目按期上线,项目交付及时率达到98%以上
  • 技术攻关:参与技术攻关和代码审查,解决项目中的技术难点,提升系统稳定性
  • 工程化建设:参与前端工程化建设,制定了代码规范和开发流程,提升开发效率
2022.04 - 2025.07

前端开发工程师

三态电子商务有限公司

在三态电商工作期间,我负责多个核心业务系统的开发和维护,积累了丰富的大型项目开发经验。

  • 系统优化与维护:负责优化及维护关键企业系统,包括广告管理系统、财务影像系统、测试管理及智能编辑系统,确保系统稳定性与效率,有效支持业务连续性。通过性能优化,系统响应速度提升30%。
  • 核心系统开发:主导开发了eHR系列的招聘、薪酬、假勤管理系统,星火系统,RPA爬虫系统等。采用Vue 3 + TypeScript技术栈,通过敏捷开发方法论,实现系统功能的快速迭代与高质量交付,显著提升了人力资源管理效率,减少公司成本约200万元。
  • 团队协作:与产品、设计、后端团队紧密配合,推动项目按期上线,项目交付及时率达到95%以上。
  • 技术创新:引入Vue 3 Composition API和TypeScript,提升代码质量和可维护性,Bug率降低30%。
2021.12 - 2022.04

前端开发工程师

陕西全通网络科技有限公司

在全通网络工作期间,我主导了多个关键业务前端页面的开发,积累了丰富的前端开发经验。

  • 页面开发与设计:主导公司关键业务前端页面的开发与视觉设计,通过创新解决方案提升用户交互体验,用户满意度提升25%。
  • 团队协作:与UI设计师和产品经理紧密协作,针对用户体验进行深入讨论,成功实现界面美化与性能优化措施,页面加载速度提升40%。
  • 技术实现:负责构建高效的Web界面交互逻辑,并通过axios技术实现与服务端的流畅数据交换。使用Vuex进行状态管理,确保数据流的清晰和可维护。
  • 前后端对接:与后端开发团队密切合作,确保前后端接口无缝对接,显著提升了前端响应速度和整体性能,接口调用效率提升35%。
  • 质量保障:对测试团队反馈的问题迅速响应,有效进行bug修复和功能增强,保障项目质量,Bug修复及时率达到100%。
  • 产品优化:积极参与产品项目的上线过程,并针对用户体验提供实质性反馈,助力产品持续优化。

项目经历

2025.10 - 至今

众创云 - 灵活用工/任务平台

uni-app Vue 2 uView 2.x Vuex jQuery 微信小程序 App-Plus 高德地图 腾讯地图

项目背景:"众创云"是一个创新的灵活用工和任务分发平台,为企业和个人提供任务发布、接取、完成的完整闭环服务。

核心功能:

  • 用户体系:登录注册、实名认证(身份证上传OCR识别)、银行卡绑定与验证
  • 任务系统:任务详情查看、进度跟踪、任务领取与提交,支持多题型问卷填写、图片上传、手写签名等功能
  • 业务功能:地图定位、城市选择辅助任务分发,横屏签名页面优化用户体验
  • 资金管理:钱包余额查询、提现申请与记录、近三月账单统计、银行卡管理与申诉处理
  • 用户中心:个人资料管理、消息中心、排行榜、推荐码/邀请系统、我的团队、物资领取/接收、协议管理、账号注销
  • 合规保障:录屏/截屏检测拦截(定时检查)、定位授权提示、操作指南、常见问题、反馈系统

技术亮点

  • 采用uni-app框架实现一套代码多端运行,支持微信小程序和App-Plus打包Android/iOS
  • 自定义开发了多种问卷题型组件,支持单选、多选、填空、上传等多种交互方式
  • 实现了手写签名功能,支持横屏模式,提供了流畅的签名体验
  • 集成高德/腾讯地图SDK,实现了精准的地理位置定位和城市选择功能
  • 通过微信API实现了录屏/截屏检测拦截,保障平台内容安全
  • 使用Vuex进行全局状态管理,确保复杂业务逻辑下的数据一致性
  • 封装了统一的请求拦截器(axios风格),实现了token管理、错误处理等通用功能
2025.10 - 至今

众创云后台管理系统

Vue 2 Ant Design Vue Vuex Vue Router Axios ECharts jQuery

项目介绍:众创云后台管理系统是众创云灵活用工平台的后台管理端,用于平台的任务管理、用户管理、资金管理、数据统计等后台运营管理工作。

核心功能:

  • 任务管理:任务的创建、编辑、审核、发布、下架等全生命周期管理,支持任务批量操作和任务数据导入导出
  • 用户管理:用户信息管理、用户权限管理、用户状态管理、用户数据统计等功能
  • 资金管理:资金流水查询、提现审核、资金统计、账单管理等资金相关功能
  • 数据统计:平台数据统计分析,包括任务统计、用户统计、资金统计等多维度数据展示
  • 审核管理:审核流程管理、审核任务处理、审核记录查询等功能
  • 系统配置:系统参数配置、权限配置、菜单配置等系统管理功能

技术亮点

  • 采用Vue 2 + Ant Design Vue技术栈,快速构建美观的管理界面,提升开发效率
  • 使用Vuex进行全局状态管理,确保复杂业务逻辑下的数据一致性
  • 使用Vue Router实现路由管理,支持动态路由和权限路由控制
  • 使用Axios封装统一的请求拦截器,实现了token管理、错误处理、请求重试等通用功能
  • 使用ECharts实现数据可视化展示,包括折线图、柱状图、饼图等多种图表类型
  • 使用jQuery处理复杂的DOM操作和第三方插件集成,提升开发效率
  • 实现了完善的权限控制系统,支持菜单权限和按钮权限的精细化管理
  • 通过代码优化和性能调优,系统响应速度提升40%,用户体验显著提升
2023.06 - 2025.06

EHR-企业人事管理系统

Vue 3 TypeScript Vite Arco Design Pinia Vue Router ECharts TinyMCE

项目介绍:这是一个基于Vue 3 + TypeScript + Vite + Arco Design开发的企业级SaaS企业人事管理系统,作为公司EHR系统的重要组成部分,负责整个招聘流程、薪酬管理、组织人事的线上化管理。系统采用前后端分离架构,前端使用最新的Vue 3技术栈,实现了一个功能完整、性能优异的现代化Web应用。

核心模块:

  • 招聘管理:简历筛选、面试安排、Offer发送全流程自动化,支持多渠道简历导入
  • 薪酬管理:灵活的薪酬模板系统,支持多种薪酬结构配置和计算规则,自动生成工资单
  • 考勤管理:打卡数据采集、统计分析、可视化展示,支持多种考勤规则配置
  • 组织人事:组织架构管理、人员信息维护、人事变动流程管理
  • 权限系统:基于RBAC的多级权限控制,支持菜单权限和按钮权限的精细化管理
  • 数据可视化:通过ECharts实现薪酬数据、考勤数据、招聘数据等多维度可视化分析

技术创新

  • 采用Vue 3 Composition API开发,代码复用率提升40%,提升了代码的可维护性和可读性
  • 全面使用TypeScript进行开发,项目代码质量显著提升,Bug率降低30%,提升了开发效率
  • 实现了基于Vite的构建系统,开发环境编译速度提升200%,热更新响应时间缩短到毫秒级
  • 通过组件按需加载和路由懒加载,首屏加载时间减少40%,显著提升了用户体验
  • 设计了高效的状态管理方案(Pinia),确保了复杂薪酬计算场景下的数据一致性

业务价值

  • 系统上线后,通过流程自动化和效率提升,为公司节约开支3年约200万元
  • 实现了薪酬管理全流程的数字化管理,招聘从简历筛选到发送offer全自动,人力资源部门工作效率提升50%
  • 通过数据可视化和大屏展示,帮助人力资源部门提升公司员工留存率,决策效率提升40%
  • 实现了完整的国际化解决方案,支持中英文切换,为公司的国际化业务提供了支持
  • 集成了完善的日志审计系统,保证薪酬数据的安全性和可追溯性,通过了等保三级认证
2022.04 - 2025.06

新平台广告管理系统

Vue.js Element UI Vuex Vue Router Axios Webpack ESLint

项目介绍:这是一个基于Vue.js开发的跨境电商多平台广告管理系统,支持40多个主流电商平台的广告投放和商品管理,是公司核心业务系统之一。

支持平台:

  • 东南亚市场:Shopee、Lazada、Tiktok、Blibli等
  • 欧洲市场:Allegro、Cdiscount、Real、Fruugo等
  • 美洲市场:Mercadolibre、B2W等
  • 中东市场:Hepsiburada、Daraz等
  • 日韩市场:Rakuten、Coupang、Yahoo等
  • 新兴市场:TEMU、Fanno等

核心功能模块

  • 广告管理:广告投放管理、广告效果分析(CTR、ROI等关键指标)、广告详情查看、广告计划制定与优化建议
  • 商品管理:产品计划管理、商品属性配置、价格库存实时更新、批量商品操作(支持Excel导入导出)
  • 店铺运营:店铺授权配置(OAuth认证)、账号权限管理、运营数据分析、系统日志管理(操作审计)
  • 价格管理:跟卖价格实时监控、价格自动更新规则配置、促销活动管理、批量价格设置

技术特点

  • 采用Element UI组件库,快速构建美观的界面,提升开发效率
  • 使用Vuex进行全局状态管理,处理复杂的多平台数据流转
  • 实现了多平台API的统一封装,降低了接入新平台的成本
  • 通过Webpack优化打包,生产环境代码体积减小30%
2023.06 - 2024.08

智能采集插件(Chrome Extension)

Chrome Extension Manifest V3 JavaScript IndexedDB Content Script API集成

项目介绍:本项目是一款基于现代Web技术开发的Chrome扩展程序,专门用于从Boss直聘平台智能采集候选人信息,并自动同步至企业招聘管理系统。作为企业EHR系统的重要组成部分,本插件实现了招聘数据采集的自动化,大幅提升了招聘流程效率。

核心功能:

  • 智能识别和提取候选人基本信息(姓名、年龄、学历、工作经验等)
  • 自动下载简历附件(PDF/Word格式)并解析关键信息
  • 批量导入候选人数据到企业招聘系统
  • 智能字段映射,自动匹配候选人信息到系统字段
  • 生成人才标签,支持快速筛选与检索
  • 支持断点续传,数据采集中断后可继续

技术创新与优化

  • 引领前端技术革新,采用Manifest V3最新规范,显著提升扩展的安全性与性能,通过Chrome Web Store审核
  • 利用Chrome API高效实现内容脚本,精确捕获页面数据,数据处理能力提升50%
  • 引入IndexedDB进行本地数据缓存,支持无缝续传,优化用户体验,数据丢失率降低至0
  • 实施先进的反爬策略,包括请求频率控制与随机延迟机制,保障数据采集的稳定性,封禁率降低80%
  • 对接公司招聘系统API,实现候选人信息采集及招聘集成一站式操作,数据同步时间缩短90%
  • 实现简历附件的自动下载与解析(PDF/Word格式),简化数据输入流程,支持格式识别准确率达到98%

业务成效显著

  • 通过自动化信息采集,将HR人工录入时间缩短90%,显著提升招聘效率,日均处理简历量从50份提升到500份
  • 推出的一键批量导入功能,使HR日均处理简历量翻倍,达到200%的增长
  • 引入智能字段映射技术,确保数据准确率超95%,大幅提升数据质量,减少了人工核对的成本
  • 优化数据管理流程,统一人才数据存储,解决多渠道信息分散问题,数据检索效率提升60%
  • 自动生成人才标签,支持快速筛选与检索,加速人才匹配过程,匹配准确率提升40%
2021.12 - 2022.04

全通优拍后台管理系统

Vue.js Element UI Vuex Vue Router Axios Postman

项目介绍:全通优拍后台管理系统根据全通实业集团在进行产品拍卖以及出售时,大量业务处理工作而开发的管理平台。系统主要包含订单管理、拍品管理、上拍管理以及用户管理等核心功能模块。

功能模块:

  • 订单管理:订单查询、订单状态跟踪、订单统计、订单导出
  • 拍品管理:拍品信息录入、拍品图片上传、拍品分类管理、拍品上下架
  • 上拍管理:拍卖场次创建、拍品上拍、拍卖时间设置、拍卖规则配置
  • 用户管理:用户信息管理、用户权限分配、用户行为统计
  • 权限管理:基于角色的权限控制(RBAC),支持菜单权限和操作权限
  • 可视化大屏:实时数据展示、拍卖数据统计、业务指标监控

技术实现

  • 基于Element UI搭建页面,快速构建美观的管理界面,提升用户体验
  • 使用Postman进行接口测试,确保接口的正确性和稳定性,接口测试覆盖率100%
  • 通过axios调用后端API,实现前后端数据交互,封装了统一的请求和响应拦截器
  • 使用动态路由进行用户权限的分配,不同角色看到不同的功能模块,提升了系统的安全性
  • 使用beforeEach全局前置守卫+axios+token拦截器进行全局拦截,实现权限登录和token刷新机制
  • 使用Vuex进行状态管理,管理用户信息、权限信息等全局状态,确保数据的一致性
  • 使用props、$emit、eventBus实现组件之间的通信,提升了组件的复用性

专业技能

前端基础技术

  • HTML5、CSS3、JavaScript(ES6+)
  • jQuery(DOM操作、事件处理)
  • 响应式布局(Flex、Grid)
  • CSS预处理器(Sass、Less)
  • 面向对象编程(OOP)
  • 函数式编程思想
  • 浏览器兼容性处理

前端框架与库

  • Vue.js 2/3(Composition API)
  • Vue Router(路由管理)
  • Vuex / Pinia(状态管理)
  • React(基础了解)
  • uni-app(跨平台开发)
  • 微信小程序开发

UI框架与组件库

  • Element UI / Element Plus
  • Arco Design
  • uView 2.x
  • Ant Design Vue
  • Vant(移动端)
  • 自定义组件开发

工程化与构建工具

  • Vite(构建工具)
  • Webpack(模块打包)
  • TypeScript(类型系统)
  • ESLint(代码规范)
  • Git(版本控制)
  • npm / yarn / pnpm

数据可视化与工具

  • ECharts(数据可视化)
  • Axios / Fetch(HTTP请求)
  • Postman(接口测试)
  • Mock.js(数据模拟)
  • Chrome DevTools(调试工具)

扩展技术

  • Chrome Extension开发
  • Manifest V3规范
  • IndexedDB(本地存储)
  • Node.js(基础)
  • Express框架(了解)
  • MongoDB / MySQL(了解)

开发工具与协作

  • VS Code / Cursor(编辑器)
  • Git / SVN(版本控制)
  • Jira / Confluence(项目管理)
  • Figma / Sketch(设计协作)
  • Postman / Apifox(API测试)
  • AI工具应用(提升效率)

软技能

  • 前端架构设计能力
  • 性能优化经验
  • 代码重构能力
  • 团队协作与沟通
  • 问题分析与解决
  • 持续学习与分享

教育经历

2016 - 2021

计算机科学与技术

西安思源学院 | 本科

在校期间系统学习了计算机科学与技术专业核心课程,包括数据结构、算法设计、数据库原理、操作系统、计算机网络等。通过课程学习和实践项目,培养了扎实的编程基础和解决问题的能力。

  • 主修课程:数据结构与算法、数据库系统、操作系统、计算机网络、软件工程、Web开发等
  • 实践项目:设计会议室预约系统及校车管理系统,积累了丰富的开发经验