本人深耕前端开发领域,具备从项目开发、工程化构建到部署运维的全流程实操能力。基础层面,熟练掌握 HTML5/CSS3/JavaScript 核心语法,能灵活运用 Flex、Grid 实现响应式布局,精通 ES6 + 特性优化代码结构;框架方面,熟练使用 Vue.js/React 生态,包括路由配置、状态管理及组件封装,可高效搭建复杂业务场景的前端应用。
工程化能力突出,熟练运用 Webpack/Vite 进行项目构建、资源压缩与按需加载,精通 Git 版本控制流程,能通过 husky 等 pre-commit 钩子工具规范提交规范、保障代码质量。部署运维上,掌握 FinalShell 等工具的服务器连接与文件传输,熟练配置 Nginx 实现反向代理、静态资源部署及跨域处理,具备 Linux 基础命令操作与权限管理经验。
具备较强的问题排查能力,能快速定位并解决开发、构建及部署过程中的常见问题;注重代码可读性与可维护性,遵循前端开发规范,具备良好的协作意识与文档编写习惯,可高效配合后端完成接口联调与项目交付。
企业级智能运维管理系统(PC 端)
项目背景
该系统面向大型制造业企业,旨在整合设备监控、工单管理、数据可视化等核心功能,替代传统线下运维流程,提升运维效率。项目团队共 8 人(前端 3 人、后端 4 人、测试 1 人),我担任核心前端开发,负责核心模块开发与工程化落地,项目周期 6 个月。
技术栈
Vue3 + Vite + Pinia + Element Plus + ECharts + Axios + Git + Nginx
核心职责
参与需求评审与前端架构设计,基于 Vue3 组合式 API 封装通用组件(如表格分页、表单校验、数据筛选组件),沉淀组件库,减少重复开发,组件复用率达 70%;
负责设备监控模块开发,通过 ECharts 实现设备运行状态实时可视化(折线图、饼图、告警热力图),结合 WebSocket 实现数据秒级刷新,保障运维人员实时掌握设备状态;
优化接口请求逻辑,封装 Axios 拦截器实现请求防抖、响应统一处理及异常兜底,降低接口报错率至 1% 以内;
配合后端完成接口联调,编写接口文档与单元测试(Jest),保障代码覆盖率达 85%;
负责项目构建与部署,通过 Vite 配置按需加载、资源压缩,将首屏加载时间从 3.2s 优化至 1.5s,同时配置 Nginx 实现反向代理与跨域处理,完成测试环境与生产环境部署。
智慧街道项目是政府主导、科技赋能的基层治理创新方案,深度融合物联网、大数据、AI 等技术。项目整合街道人、地、事、物等多维数据,搭建 “一屏统览” 的智能管理平台,涵盖网格化治理、安全智能监测、政务便民服务、应急快速响应等核心功能。通过数字化手段实现治理精细化、服务高效化,让居民
桥润智慧大脑是桥梁智慧管养核心中枢,融合物联网、AI、数字孪生技术,通过密布传感器实时采集桥梁结构、交通流量等数据。依托 BIM 模型与智能算法,实现病害自动识别、健康状态评估、风险秒级预警,赋能巡检自动化与养护精准化,大幅降低人工成本,延长桥梁寿命,筑牢交通基础设施安全防线