韦业
教育背景：南阳理工学院 - 本科 - 软件工程（2019-2023）
工作经验：3 年 | 籍贯：贵港 | 学历：本科
联系方式：15697615685 | 微信：W_Y9008 | 邮箱：507028106@qq.com
专业技能
基本功：熟练使用 HTML5/CSS3 和 JavaScript 以及 ES6+ 的新特性
TS: 熟练使用 TypeScript 对数据进行约束，包括泛型、类型体操等
框架: 熟练使用 Vue 3 以及 Vue 的生态系统，深入理解 Vue 3 核心的实现原理
跨端开发：熟悉 UniApp 混合开发，PC、H5、小程序等面向 ToC、ToB 方向的项目，有实际项目经验
组件库：熟悉常见组件库的使用，熟悉组件库设计思想，有相关开源组件库 Wot UI 组件的设计开发和维护经验。
可视化：熟练使用 ECharts、高德地图完成可视化大屏数据展示开发
工程化：熟练使用 Vite，掌握从项目搭建、工具集成、开发调试、CI/CD 等多个方面的工程化实践
浏览器原理：了解浏览器渲染流程、缓存机制、事件循环、跨域原理、资源预加载等
性能优化：具备丰富的性能优化经验，掌握资源预加载、 懒加载、缓存策略、擅长首屏优化。
Node: 有 Adonis.js 框架进行后端开发经验，掌握接口设计、中间件开发、数据检验等
开源贡献
热衷于开源技术，空闲时间长期活跃于 GitHub 与技术社区，具备良好的开源协作意识与代码规范，致力于为开发者生态提供高质量的工具与组件
- Wot UI (2.1k+ Star)：作为核心成员参与组件库部分组件的设计与维护。主导开发了高性能瀑布流、车牌号键盘等高频业务组件，重构了 Toast 组件交互逻辑。长期活跃于社区 issue 列表，累计修复 Bug 20+，参与代码 Review，推动组件库稳定性与易用性的持续提升。该项目荣获 Gitee 平台年度开源项目（大前端板块）第一名，是 UniApp 生态极具影响力的 UI 库
- Wot Starter (200+ Star)：深度参与 Wot UI 官方脚手架建设，核心贡献了动态主题切换、Global Toast 等系统级功能，编写了完整的最佳实践示例代码与文档，帮助数百名开发者快速落地 UniApp 项目
- Alova (Contributor)：积极参与轻量级请求库 Alova 的生态建设，贡献了 Apifox 适配器插件，打通了 API 设计与前端调用的自动化链路。
工作经历
广东稳安特智能科技有限公司 | 前端开发工程师 | 2024.3 - 至今
一家停车场运营公司，在负责公司前端项目的开发和管理，项目主要围绕停车周边生态业务进行迭代开发：
- 核心业务开发与闭环构建：负责公司智慧停车生态全线产品的研发，主导完成了智慧社区服务平台（C 端 H5/小程序）与停车追缴管理系统（B 端中后台）的从 0 到 1 落地，实现了从"停车缴费-商户消费"到"欠费识别-清结算"的完整业务闭环
- 前端架构与工程化落地：搭建企业级通用脚手架，配置自动化 CI/CD 部署流程，统一多项目的技术栈与开发规范，降低项目开发周期
- 技术攻坚与性能调优：解决项目中遇到的技术难题，降低车场项目运营成本，优化项目使用体验
湖北普罗格科技集团股份有限公司 | 前端开发工程师 | 2022.7 - 2023.12
一家物流供应链研发公司，主要负责已有系统业务模块的迭代维护和通用组件开发：
- 业务模块开发：参与公司产品 UPCloud 云仓平台及 WMS 仓储管理系统的迭代维护。负责出入库管理、订单管理、库存盘点等模块的前端页面开发
- 数据可视化大屏：参与智慧仓储数据监控大屏的开发
- 通用组件封装：针对物流业务场景，封装通用表单组件和高阶表格组件，提高重复页面开发效率
项目经历
智慧社区服务平台 | 负责人 | 2025.9 - 至今
围绕停车业务进行开发，打通停车场周边生态，实现从停车缴费到商户消费的闭环服务。涵盖用户端 H5、小程序及中后台管理系统
技术栈：UniApp、Vue 3、Wot UI、Vite、TypeScript、UnoCSS、Pinia、高德地图 SDK、微信 JSSDK
项目职责：
对 H5 进行性能优化，包括首页优化、异步组件懒加载、图片懒加载等
集成微信 JSSDK，设计统一的支付与 SDK 调度中心，一套代码同时支持普通/购物车/优惠券等多种订单模式及多种组合支付，有效支撑营销活动、扫码核销等高频交互场景的快速迭代。大幅降低了业务耦合度
设计并落路由守卫、Tabbar 权限和登录拦截：基于路由元数据自动生成免登白名单并统一拦截路由跳转，配合请求拦截集中处理鉴权异常，保障未登录、会话过期等场景体验一致
落地高可靠倒计时方案：采用"服务端时间基准 + 实时差值计算"策略，解决客户端系统时间不准及定时器误差导致的倒计时偏差问题，实现订单倒计时与核销二维码的毫秒级精准倒计时
引入 PageSpy 远程调试方案，突破移动端真机"黑盒"调试瓶颈。实现了在线实时调试与离线日志回放双重机制，支持远程查看 Console、Network 及 Storage 状态，有效解决远程协作复现难及用户端白屏排查难题，显著提升缺陷定位效率
突破 UniApp 架构限制，设计并实现 Global Toast 全局调用方案。通过 Pinia 管理状态结合 Layout 插件自动注入，解决了在路由拦截、请求封装等非 Vue 上下文中无法唤起 UI 组件的难题，统一了全端交互体验
设计高性能、多功能瀑布流组件，通过队列化异步布局算法 + 生命周期感知机制，解决 UniApp 快速切换页面导致的布局异常，并将方案提供到开源组件库
前端基础建设 | 负责人 | 2024.3 - 2024.9
搭建企业级通用脚手架，统一多项目的技术栈与开发规范，降低项目开发周期
技术栈：Vue 3、Vite、Element Plus、Vue Router、TypeScript、Pinia、UnoCSS、Iconify
项目职责：
插件化架构落地：设计插件系统。基于 Vite Glob 导入机制实现插件的自动发现与动态加载，通过约定式目录结构管理插件元数据与配置，结合完整的生命周期钩子，实现业务模块的解耦与热插拔
前端权限控制体系：设计并实现前端 RBAC 权限控制方案，通过 hasAuth/hasRole/hasUser 辅助函数、v-auth 指令、MaAuth 组件及路由 meta 配置四位一体的权限控制机制，实现页面级、按钮级、数据级的精细化权限管理
多层缓存架构设计与实现：构建包含页面缓存、数据缓存、存储缓存和路由缓存的多层缓存体系。基于 Keep-Alive 实现页面组件状态缓存，通过路由守卫自动检测 meta.cache 属性并动态管理缓存列表；设计 useCache Hook 统一进行容量管理和过期时间控制；实现标签页与缓存的联动机制，关闭标签页时自动清除对应缓存；优化缓存清理策略，定期清理过期数据，避免内存泄漏，页面切换响应速度提升 80%
性能优化：基于 Vite 实现按需加载和代码分割，首屏加载时间从 3.5s 优化至 1.2s；配置 Gzip 和 Brotli 双重压缩，压缩率提升至 85%，静态资源体积减少 60%；优化 Nginx 配置，启用静态资源缓存策略和 SPA 路由支持
现代化图标系统设计与实现：基于 Iconify 图标框架和 UnoCSS 构建企业级图标解决方案，支持多种图标集合。实现三种图标方案（在线图标库、离线模式、自定义 SVG），满足不同场景需求；通过命令生成本地图标库，实现离线模式部署，图标加载速度提升 90%；建立图标使用规范，确保图标风格一致性
智慧停车综合管理平台 | 核心开发 | 2024.3 - 至今
为解决传统停车运营中“路内路外数据割裂”、“人工追缴效率低”、“资金结算困难”等痛点，主导开发了集智能监控、自动追缴、数据可视化于一体的综合管理平台。平台采用高/低视频桩模式实现全场景无人化值守，通过构建自动化欠费识别链路与多商户清结算体系，实现了从车辆进出到资金回笼的数字化闭环，显著提升了运营效率与资金流转速度。
技术栈：Vue 3、TypeScript、Vite、Pinia、ECharts、高德地图 SDK、WebSocket、unocss
项目职责：数据可视化模块、追缴管理模块
难点亮点：
封装通用动态联动表单组件：针对复杂业务场景中多级字段联动的需求，设计并实现了配置驱动的动态表单组件。通过自定义字段类型与渲染函数，实现表单项按需渲染与灵活联动；构建自动垃圾回收机制，解决动态表单数据冗余与污染问题；在保证复杂联动逻辑准确性的同时，将表单配置开发效率提升 60%，大幅降低业务代码维护成本。
请求拦截器与 Token 刷新机制：设计并实现基于 Axios 的双重请求架构，实现双 Token 无感刷新机制，通过请求队列处理并发场景，确保 Token 过期时只刷新一次，避免重复请求；集成插件钩子机制实现请求/响应的灵活扩展；优化文件下载处理，支持 Blob/ArrayBuffer 响应类型和文件名自动解析。
海量数据渲染优化：针对半年内停车数据一次性渲染场景，采用 ECharts
dataZoom分段渲染 +sampling: 'lttb'降采样策略，结合 Web Worker 异步数据处理，渲染性能提升 5 倍+，实现毫秒级区间切换实时数据推送与渲染优化：基于 WebSocket 实现多路段车位状态实时推送，设计消息聚合与差量更新机制，仅传输变化数据；针对高频推送导致的渲染延迟问题，采用节流策略 + 数据合并方案，解决渲染性能追不上推送速度的问题。
组件封装与工程化：基于 Vue 3 封装了通用的 ECharts 折线图、柱状图组件，通过 props 传递配置，实现了业务逻辑与视图的分离。基于 Observer API 开发了懒渲染组件，通过巧妙的 render 函数劫持机制实现组件离开视口时的冻结效果，有效解决不在视口中的图表组件渲染性能问题，将大屏整体渲染性能提升 30% 以上。