核心实战技能
前端基础:HTML5/CSS3/ES6+,深入理解事件循环、原型、闭包、深浅拷贝等核心原理
框架生态:熟练使用React18(ReactRouter/Redux/Umi/Next.js)、Vue2/Vue3(VueRouter/Pinia/Vite/Nuxt.js)及TypeScript开发企业级项目
UI/可视化: Element-Plus、Ant Design、Vant4、ECharts,熟悉虚拟列表、大屏适配等场景优化
网络/安全: AJAX/Fetch、JWT/CORS、XSS/CSRF防护,掌握文件上传/分片、鉴权与缓存方案
工程化工具:Webpack/Vite打包优化、Git/Sourcetree、Postman/Apifox,熟悉npm/yarn/pnpm包管理
Node全栈:Express/Koa2、MySQL/MongoDB、Nginx,可开发RESTful API实现前后端分离
多端开发:UniApp开发微信小程序(含云开发)、H5多端适配
拓展技能
Python后端:FastAPI框架,可独立开发接口与BFF层服务
跨端拓展:Flutter基础开发,掌握组件化、路由与基础交互
AI应用开发:基础RAG知识库搭建、LangChain流程编排、提示词工程,可实现智能检索/问答功能
2025.5 - 2025.9 企业级中后台管理系统 web前端工程师
项目描述:
本项目为企业级中后台管理系统,旨在集成企业核心业务模块,包括但不限于人力资源管理(员工信息/考勤/绩效)、资产管理(办公设备/固定资产)、用户角色权限管理等。系统基于RBAC权限模型,实现多角色精细化管控,支持操作留痕与日志溯源,确保数据安全与合规性。通过流程标准化、数据可视化及权限动态分配,提升跨部门协作效率30%以上,保障信息流转的安全性与业务闭环管理,驱动企业资源精准调度与数字化协同升级。系统设计注重用户体验与操作便捷性,支持多终端访问,为企业提供高效、安全、可靠的管理解决方案。
开发工具: vscode+cursor
技术栈: Vue3+Vite+Pinia+Element-Plus+Typescript+Echarts+Spring Cloud微服务架构
2024.5 - 2024.10 DCIM数智化管控 web前端工程师
项目描述: DCIM数智化管控系统从技术、流程、运维、销售、管理等方面为企业提供一站式数智化管理的解决方案,从机房、机柜、电源、交换路由、服务器集群,到每一台服务器的位置、配置与操作功能均纳入管理,完整呈现基础设施全貌,提供全方位的机房资源管理。系统集成先进的自动化功能集,例如IPMI远程开/关机、自动批量重装系统、交换机流量监控、IP-MAC自动绑定等。通过便捷的管理功能,大幅提升自动化运维管理水平。
技术栈:react, react-router, recoil, ant-design, less, webpack4, Jest, echarts, node, MockJS, mongodb
项目职责:
与后端开发团队进行项目联调,搭建Mock数据平台 参与公共组件的提取和沉淀
参与项目的主业务开发 ,与后端开发团队进行项目联调
开发并维护项目文档,提升项目可维护性 。
自己封装axios的订阅
项目业绩:
利用拦截器封装双Token自动刷新模块,收录到企业组件库
基于监控平台的数据反馈,优化用户首次访问的网络问题,通过优化DNS解析的方案,DNS解析提升99%,并且首次访问相关FCP,LCP提升 25% - 30%,该功能已被收录到公司通用库,服务于公司10+项目。
根据公司实际需求定制前端监控SDK,实现了对性能指标、异常、用户行为等信息的收集,同时最大限度的降低了对业务代码的侵入性。服务于公司5+线上产品。
使用WebAssembly技术实现前端图像处理,结合Web Worker优化图像效率,实现图像处理速度提升2倍,并降低50%的处理延迟,显著提高用户体验
封装可扩展的文件运行时,实现对多文件的预览支持,目前已支持img、docx、xlsx、ppt、pdf、md、txt、audio、video、html等。该功能已被收录到公司通用库,服务于4+项目。
项目职责:
参与团队的需求分析和前端技术选型
实现管理员和普通用户的权限管理(权限控制);
参与公共功能的提取和沉淀
负责独立从 0 到 1搭建项目并集成第三方主流开源组件;
负责与UI设计师沟通,确定页面布局,欢迎UI设计稿PC端页面
项目的难点与亮点:
优化首屏时间,持久化登录; 实现大文件的导入导出,⼤⽂件分⽚上传
实现管理员和普通用户的权限管理; 扫码登录实现,
优化虚拟列表滚动 列表查询卡顿问题,
利用富文本上进行编辑上传图片
解决echarts 大屏数据可视化大屏问题
2024.02-2024.05 来回物品置换平台 web前端开发
项目职责:与后端开发团队紧密配合,确保后端接口代码有效对接,优化网站前端性能。
项目描述:
项目背景主要是为了解决小区内住户存在的闲置物品和资源的浪费问题。这些闲1置的物品包
| 角色 | 职位 |
| 负责人 | 前端/移动工程师 |
| 队员 | 安卓工程师 |
| 队员 | 前端工程师 |