Picture of the author
吴习章
前端工程师
九年工作经验
浏览量:8,168
shuimu0579
17621214750
shuimu0579@gmail.com
广东深圳
统招本科
个人博客

工作经历

  • 招商证券(深圳)托管部开发组(外包)高级前端工程师

    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湖北文理学院