工作经历
招商证券(深圳)托管部开发组(外包)高级前端工程师
2024年11月 - 至今工作职责:
1. 根据信创合规要求,参与证券托管业务系统架构升级,推进原前后端一体项目向前后端分离模式演进,前端基于 React 技术生态进行建设与重构。
2. 负责托管部衍生品相关模块的需求开发与日常维护,持续完善业务功能,支持项目稳定交付。
3. 参与公共组件库建设与维护,沉淀通用能力,支持多业务场景复用。
技术栈:TypeScript、React、React Hooks、React Router、Mobx、Ant Design、Antd Style、Dumi、Father、QianKun 微前端、Webpack 等
万物云空间科技服务股份有限公司(自研)高级前端工程师
2021年12月 - 2024年8月工作职责:
1. 参与 3D 可视化大屏项目建设,完成 BIM 模型与云端 UE4 模型的交互功能开发,并配套实现大屏两侧业务信息卡片展示。
2. 参与能耗管理平台前端开发,负责业务页面搭建、交互实现与功能迭代。
3. 参与万物梁行服务+、北岸智享、住这儿等多个小程序项目的开发与维护。
4. 负责 PC 端配置子服务开发,以及移动端 H5 子服务在多个小程序中的接入与适配。
技术栈:React、React Hooks、Vite、React Router、Ant Design、Vue3、Pinia、Vue2、Vuex、Webpack、Vue Router、Element UI、TypeScript、ECharts、uni-app、Vant、CSS3
金蝶软件(中国)有限公司(自研)高级前端工程师
2019年12月 - 2021年12月工作职责:
1. 参与工业互联网平台相关产品研发,包括云镝官网及各地方平台(1+N 产品模式)的开发,完整参与官网 1.0 至 3.0 的改版与持续迭代。
2. 参与工业互联网平台统一认证中心研发,支持认证相关业务功能落地。
3. 参与地方经济运行监测平台及体验中心的 3D 可视化展示开发。
4. 参与云镝智慧助手小程序的开发与维护。
技术栈:Vue、Vuex、Vue Router、ECharts、Three.js、CSS3 动画、WebView
深圳陶赟信息科技有限公司(外包)中级前端工程师
2019年08月 - 2019年12月工作职责:
1. 参与众安银行 App 的开发工作,项目面向香港应用商店发布。
2. 参与存款、利息优惠券、贷款等业务模块的开发,并基于 H5 页面完成协议页和宣传页的编写与接入。
技术栈:React Native、WebView 嵌套 H5、Flex 布局
上海网新恒天软件(外包)前端工程师
2017年05月 - 2019年07月工作职责:
1. 参与思科中国 OneIdentity 项目研发,负责 Enrollment UI、Profile UI、Recovery UI 等多个子项目的前端开发与迭代。
技术栈:React、Redux、redux-thunk、react-redux、React Bootstrap、HOC 高阶组件
项目经历
托管部业务运营中心各模块开发
项目描述:
完成托管部业务运营中心 场外衍生品业务、场外估值定价、场外综合管理、场外业务交易确认、单据综合管理、非标管理、场外自动运营任务、虚拟计提业绩报酬等模块的开发
项目技术:
1.使用TypeScript、React、React Hooks、React Router、Mobx、Ant Design、Antd Style、QianKun 微前端、Webpack等技术
责任描述:
1.基于 QianKun 微前端框架,完成托管外包系统的开发
招商证券内部公共组件库维护
项目描述:
维护招商证券内部公共组件库
项目技术:
1.使用TypeScript、React、React Hooks、Ant Design、Dumi、Father、Webpack等技术
责任描述:
1.维护和更新招商证券内部公共组件库
重庆陆海国际项目3D可视化
项目描述:
完成项目中 数据看板、智慧人行、智慧车行、智慧监控、设备管理、能耗管理、 电梯系统、入侵报警、运营工作台等子系统的开发。
项目技术:
1.全景模型采用UE4云渲染,楼栋和楼层模型采用模袋云的轻量 BIM 模型, 完成模型的打点交互逻辑以及点位形成轨迹交互逻辑。
2.各个子模块采用 Vue3、Vue Router、Element Plus、Pinia、Vite 等技术
责任描述:
1.封装好公共常量、公共函数,维护好公共组件,使得代码的复用性和可维护性更好。
2.基于公共组件完成业务组件的封装,利于页面组件的快速编写。
能耗管理平台
项目描述:
完成项目用能、支路用能、区域用能、部门用能、分项用能、告警关管理、空调照明、系统设置等子系统的开发。
项目技术:
1.采用 React、React Hooks、Vite、React Router、Ant Design
责任描述:
1.封装好公共常量、公共函数,维护好公共组件,助力页面的快速编写。
万物梁行服务+、北岸智享、住这儿等小程序的开发
项目描述:
1.完成了首页、头条、我的等模块的开发。
2.完成了各个H5子服务在小程序中的嵌入
项目技术:
1.使用 uni-app作为开发框架, 通过 HBuilder打包编译生成多端的小程序, 在微信开发工具中调试代码和上传到微信公众平台。
责任描述:
1.在微信公众平台进行小程序的系统配置
2.小程序中各个模块的开发
H5子服务开发
项目描述:
1.云橙管理后台(PC端)配置子服务。
2.临停缴费、员工通行、万梁报事、访客邀约、访客登记、会议室预定、数据驾驶舱、实时监控、能耗统计、智能照明、空调控制等H5的开发
项目技术:
1.使用Vue、 Vant、Webpack等技术,采用postcss-px-to-viewport插件,转换为vw/vh单位, 并配合 Flex、Grid等布局实现移动端适配。
责任描述:
1.在云橙管理后台上架各个子服务
2.各个H5子服务的开发
云镝智慧助手小程序
项目描述:
参与云镝智慧助手小程序的开发,供地方企业进行生产线上化--生产报工、生产监控、设备维保、产品服务。
项目技术:
1.使用微信小程序原生开发,使用vant-weapp作为UI组件库,基于这个基础组件库,封装小程序的业务组件。
2.使用webview跳转网页,使用weixin-js-sdk完成网页和小程序之间的页面导航。
责任描述:
1.完成小程序首次登录、小程序二次登录、扫小程序码登录以及小程序内扫码登录的逻辑处理。
2.完成业务组件的封装,利于页面组件的快速编写。
云镝智慧工业互联网平台
项目描述:
参与云镝工业互联网平台的开发,包括云镝官网平台以及各个地方政府的公共平台开发。
项目技术:
1.使用git submodules完成公共组件和模块的抽离,快速响应30+地方平台的开发和维护;采用vue-cli作为项目的基础构建工具,完成项目的搭建。
2.element-ui为项目UI框架并提供项目的基础组件,并通过封装基础组件形成业务公共组件,最终拼装成各个页面组件。
3.采用axios请求数据,针对axios做适合业务发展的二次封装;并二次封装request和response的拦截,在request里面设置自定义header,在response里面进行金蝶云苍穹登录判断,从而处理不同的业务逻辑。
4.使用vue-router做SPA应用的路由管理,并使用beforeEach钩子处理全局导航守卫。
责任描述:
1.工业互联网平台采用1+N的方式,云镝官网和地方平台,在git里面submodules子模块,做到公共组件和模块的引用。
2.采用公共模块+定制化模块开发,组件化开发在这个项目中就很有必要,封装并维护公共的业务组件,做到项目的快速开发和迭代。
工业互联网平台体验中心
项目描述:
以3D可视化的方式展现工业互联网平台体验中心,赋予体验中心科技质感。
项目技术:
1.采用ThreeJS可视化框架中的VideoTexture实现曲线流线型展现,相比于手动画3D曲线的方案,上述方案使得页面更加流畅,很少掉帧且帧率稳定。
2.采用Raycaster模块获取在3D世界中被鼠标选中的物体,便于用mousemove和click事件处理业务逻辑。
责任描述:
1.完成平台体验中心的可视化呈现,很好的适配各种类型的屏幕尺寸,有较好的视觉展示效果。
众安银行App
项目描述:
众安银行在香港成功申虚拟银行牌照,可以在香港开展银行业务,由此开发众安银行App
项目技术:
使用React Native开发业务模块,使用Redux状态管理维护数据一致性。
责任描述:
参与App中存款模块、利息优惠券模块、贷款模块的开发工作。使用H5页面完成协议页和宣传页的编写。
Cisco OneIdentity项目
项目描述:
参与思科OneIdentity 项目,用一个身份可以登录思科系统里面的许多应用,方便用户账号管理,提升用户体验。
项目技术:
1.用Bootstrap React UI组件配合React,运用Redux、redux-thunk、react-redux进行状态管理
2.用组件化函数式编程实践,运用HOC高阶组件,将数据与展示组件分离,以数据驱动的方式完成页面展示和逻辑交互。
责任描述:
完成OneIdentity 项目中Enrollment UI、Profile UI、Recovery UI等子项目的开发。
工作技能
- ReactVueNextJSTSViteWebpackuniAppGit
教育经历
- 2009.9-2013.6湖北文理学院