- 具有良好地编码习惯与面向对象思想,注重代码的规范性和整洁性
- 熟练掌握JavaScript、CSS、HTML等基础技术,具备扎实的前端开发基础
- 熟练掌握Vue.js全家桶,包括Vue2.0、Vue3.0、Vue CLI、Vuex、Vue Router和Less,熟练使用Vue3,全面拥抱Composition API和Hooks,使用TSX编写高质量组件
- 熟练掌握React 18,React -Router V6,React -Hooks,Redux-Toolkit,TypeScript,Vite 4和Ant Design 5,擅长使用hooks 及类组件开发方式
- 熟练使用Monorepo进行项目管理,使用pnpm进行包管理和依赖管理,提升项目的可维护性和开发效率,项目之间共享依赖 减少依赖冲突,为所有项目设置统一的开发规范和工具 熟练使用Markdown编写文档,为项目组件提供稳定的文档环境。使用Vite、VitePress和pnpm搭建公司前端基建文档,涵盖ERP和移动端h5的通用组件。
- 在公司内部全面推广Vue3和TSX写法,封装出多个复杂度高的移动端组件,(移动端table 支持多表头合并,双表头 固定列,滚动、车牌号输入,兼容多端的uploader)并在公司内网维护NPM包,确保每个项目省去重复封装工作,提高开发效率。
- 熟悉跨端开发,参与公司JsBridge封装改造工作,支持多端调用,抹平多端差异,提升开发效率
- 熟练掌握h5项目性能优化方法,并成功将性能指标从提升到90%,正常网络状态下页面加载速度都是ms级别的加载,3G的极限网络测试2s左右加载
- 对GIS工程有一定的Mars3D开发可视化项目开使用Cesium完成过粒子效果完成过粒子效果,POI打点,对点线面,XYZ瓦片,3DTiles)等
开发能力
工作经历
深圳跨越新科技有限公司
前端开发工程师
五月 2024 - 现在
- 负责ecs部门货主组跨声询价项目开发及改版开发,
- 参与全民找车活动开发以及改版,取得很好的成绩,活动激发了邀新积极性,扩大运力规模,实际邀新2700人,促成营收224w
- 参与前端基建的维护,包含erp组件,h5组件,搭建新项目脚手架 维护公共组件,统一项目规范
- 热衷于前端内部分享,提供了erp的动态表单组件,h5的可定制表格组件,推广了vue3,hooks+ tsx 写法
深圳市誉托科技有限公司
前端开发工程师
八月 2022 - 十一月 2023
- 负责深圳智慧城市数字孪生基座开发与维护,深圳全市域时空平台与规自局,政数局等委办局合作,对数据进行处理,开发并上线深圳全市域时空cim平台,项目可视化区域采用火星科技的Mars3D以及原生Cesium。 官网以及后台部分在平安智慧城市团队基础上优性能优化构,采用全新的React版本进行升级优化。
- 完成香蜜湖空间管理平台的开发。空间数据管理中心是香蜜湖片区数字孪生平台服务支撑层的重要组成部分,项目采用Vue3,typeScript,Vite搭建 ,为公司建立一套基于Vue3的开箱即用的后台管理模板,封装多个高可复用的组件。
平安壹账通科技中心
前端开发工程师
六月 2019 - 八月 2022
- 与平安银行2019年八大项目之一云收款项目从0到1的开发,成功上线后对其进行维护。设计功能模块,负责组件的封装。项目涵盖市面所有支付方式,个体户,法人商户的进件,逻辑交互十分复杂,经过我大量组件封装,抽离公用逻辑,新增支付方式工作量得到减少,后续维护也更加方便
项目经验
香蜜湖空间数据管理平台
前端开发
项目描述:
空间数据管理中心是香蜜湖片区数字孪生平台服务支撑层的重要组成部分。该中心的主要任务是整合、管理和维护香蜜湖片区的空间数据。通过引入先进的数据管理技术,空间数据管理中心可以确保数据的安全性、可靠性和一致性,实现数据的标准化和有效利用。同时,该中心还提供数据质量控制、数据访问授权和数据分析等功能,为上层业务应用提供可靠的数据基础
技术要点:
- 独立负责研发香蜜湖空间数据平台,全权负责前端工作,包括项目架构设计、技术选择、核心功能实现、与后端数据对接,以及项目的测试与上线
- 从 0 到 1 搭建了基于Vue3的整个前端项目,全面掌握并应用 Vue3 的 Composition API,更好地控制了代码逻辑,提高了代码的可读性与可维护性
- 利用 vite4 进行项目构建,实现了更快的模块热更新与替换,提高了开发效率。
- 使用 pina 进行全局状态管理,替代了前端繁复的状态管理工作,简化了项目结构
- 从项目中抽离出一套基于vue3 ,ts,eslint,vite4开箱即用的后台管理模板,使用 vue3 的插槽特性 封装了多个高复用的组件 如可编辑表格,高定制化的 tree 组件,穿梭框、文件切片上传等
- 研发了具有高效数据治理和数据管理模块,实现了数据切片处理和数据发布处理,提供清晰的服务列表,满足用户高效查找和数据使用需求
- 项目完成后,投入使用有效提高了数据管理工作效率,降低了运营成本,受到了用户的一致好评
- 整个项目开发过程,始终坚持采用最新的前端开发技术和工具,使项目具有很强的可扩展性和可维护性
- 使用 VueRouter 配置动态路由权限拦截、路由懒加载,支持页面按钮权限控制
- 项目代码规范遵循eslint规范 开发采用Prettier规范格式化,使用husky,lintStaged commitlint 规范提交信息
深圳全市域时空平台
前端开发
深圳全市域时空平台拥有全市统一的空间数据目录体系,地楼房权人数据,汇集、融合重要专题空间数据,搭建市区两级框架,提供全市空间信息服务能力,支撑各区、各委办局智能化深度应用。该平台由六个项目组成,分别为门户首页系统、数据接入系统、数据管理、运维管理系统、门户后台系统、可视化系统个人职责:前后端同步开发 ,前端页面绘制,后端接口开发,数据库存储数据
技术要点:
- 原项目由平安智慧城市团队开发,在缺少交接,以及文档的情况下,从0到1 梳理技术栈,业务逻辑,将所有步骤调通,在此基础上升级技术栈,插件,进行性能优化。
- 使用高阶组件 HOC 利用高阶组件的条件渲染特性 对页面进行权限控制 以及将逻辑抽离,将页面复用提高代码的复用性和灵活性
- 利用 dva 的 model 概念,使得 Redux 的 reducers,effects 和 subscriptions 都被封装进了 model里,进一步提升了代码的模块化程度,结合 dva-router 进行路由管理,简化了页面跳转和参数传递的操作
- 结合 Webpack 实现了代码的压缩、打包和分离,提高了网页的加载速度
- 采用ahooks 减少代码量 提高效率,封装自定义hook将公用逻辑抽离,复杂度进一步缩减,采用Less模块化CSS,定义全局变量,方便统一化修改样式
- 重构用户权限体系,实现了一个基于React的前端权限控制系统。该权限体系由后台配置提供,主要控制的权限包含菜单权限和按钮权限。使用React作为做为前端框架和dva进行全局状态管理,在前端存取后台提供的权限信息。使用React Router配合dva,进行页面的动态路由控制,通过Store上的状态,判断用户是否有权访问某个菜单或某个按钮。同时,我也使用高阶组件技术(HOC)或自定义Hook,对需要进行权限校验的UI组件(如菜单、按钮)进行封装,从而提供了一个高度可复用和灵活的权限控制系统。