个人介绍
熟练掌握Vue、React两大框架
熟练使用element、antd、iview等常用前端框架
负责公司前端架构。微前端实践以及前端各种常用业务组件封装
掌握前端工程化、jekins自动化构建等。
工作经历
2020-08-01 -至今xxx科技公司前端架构/技术经理
前端开发规范制定、架构规范制定。基础组件、业务组件封装,组件库维护,并独立设计公司组件库使用平台 以及搭建私服 npm; 公司微前端架构搭建并不断优化,成为适合公司业务系统的解决方案; 作为项目组长负责自动化运维产品从 0 到 1 的实现,独立完成核心的前端功能模块; 解决前端项目中疑难问题,引领公司前端技术更新和提高前端同事的技术能力,提高前端开发效率; 研究和探索前端热门技术,有效的用于适合公司的业务上。
2018-01-01 -2020-08-01香港维基链科技有限公司前端负责人
负责维基时代项目架构搭建、95%以上的功能开发; 负责并参与开发 5 个区块链小游戏应用(彩票、时时彩、摇骰子、猜数字、发红包); 负责前端人员(5 人)工作安排、每周一次的技术分享、分析定位开发遇到的问题,推广使用 TypeScript 并 给组员培训; 注重性能优化处理,公共组件抽离及维护,前端规范制定。
2016-06-01 -2018-01-01长园深瑞继保自动化有限公司前端开发工程师
参与公司 OA 系统的开发包括流程审批、工单功能模块、官网重构; 参与抽取公共业务模块; 日常需求讨论、接口联调、技术交流分享等。
教育经历
2012-09-01 - 2016-06-01三峡大学科技学院机械制造及其自动化本科
西门子杯2016获得华中赛区特等奖,全国三等奖。大学担任班长,连续三年获得励志奖学金
技能
项目描述:该项目主要实现一个数字货币的"冷钱包"功能,在不触网的情况下借助js签名库生成交易签名,然后利用*扫码形式提交签名并将交易上链,从而保障钱包信息足够安全。 项目职责:负责后端服务编写、前端功能的实现 技术要点: 1、采用nodejs+sqlite数据库+vue+element-ui技术栈开发。 2、使用body-parser插件获取post请求的参数,利用express-validator插件对参数进行验证。 3、使用log4js插件对后端服务日志的记录。 4、对插入数据、查询数据、删除数据、修改数据进行封装,同时对错误状态统一处理。 5、前端引入wicc-wallet-lib签名库,并实现钱包创建、导入、交易签名等功能。 6、使用vue-qriously插件实现签名后二维码的生成。
该系统主要提供快速生成多种多样营销活动的能力,融入了低代码的思想,将活动页面通过拖拽页面 元素的方式进行快速配置,达到所配置出的效果即用户所见效果。该系统分为三个平台:模板平台、 运营平台和活动展示端(移动端)。最终生成的活动页面还需要适配小程序、适配 APP。 项目职责:项目架构优化、投票活动模板功能编写、对接小程序、对接 APP 技术要点(PC 端): 1、采用 Vue2 技术栈+Axios+vue-router+element-ui 组件库。 2、使用 vue-drag-resize 插件,实现元素组件的位置、大小的更改。使用 vuedraggable 插件,以 拖拽的方式将列表项顺序进行调整。 3、使用 vue-seamless-scroll 插件,实现无缝轮播滚动功能。该功能也兼顾了移动端的使用场景。 4、使用 vue 中混入(mixin)处理表格的可复用性功能。 5、使用 vue-quill-editor 插件的编辑器功能,实现图片和视频上传到 oss 的功能。从而支持活动规则 自定义。 6、使用 echarts 插件实现数据图表化。 7、封装多个共用功能,比如: 自定义更改多个底部 tab 图片(选中和未选中状态)的功能、请求状态统 一处理、提示弹窗统一处理等。封装多个基础组件,比如输入框组件、下拉框组件、文本组件、按 钮组件、多按钮组件、图片组件、多图片组件等。封装多个业务组件,比如无缝轮播组件、列表组 件、进度条组件等。
该管理平台主要用来集成公司所有产品,将原来单独产品用单独项目改为微前端的模式,从而达到高 效、复用、灵活组合的目的。该平台功能有灾备切换功能、自动化运维功能、资源管理 功能、流程审批功能等。 项目职责:微前端架构搭建、主应用模板和子应用模板输出、公司组件库平台搭建及维护、基于 element-ui 进 行二次封装、封装业务组件 20+、前端私服搭建、前端规范制定。作为项目组长负责自动化运维相关 功能开发等。 技术要点 1、采用 Vue2+qiankun+@vue/composition-api+TypeScript 技术栈。 2、使用基于 ZRender 二次封装的 GDraw 绘制场景可视化,实现流程拓扑编排的功能。 3、使用@antv/g6 实现资源关系拓扑展示。 4、使用 form-generator 和 form-gen-parser 实现表单设计器以及代码解析的功能,从而实现低代 码审批表单功能。 5、使用 dom-to-image 插件实现全局截屏功能。 6、使用 rrweb、rrweb-player 插件实现录屏功能。 7、使用 xterm、xterm-addon-fit 实现终端连接功能。 技术亮点: 形成了一套完备的前端架构,包含前端规范、组件库、组件库的单元测试编写、npm 私服、组件库平 台、微前端解决方案、公司自己的脚手架等。使用@vue/composition-api 为后期架构调整为 Vue3 的技术 栈打下较好的基础。使用队列的思想解决子应用加载销毁问题。在可视化大屏实现拓扑图执行时,使用单例 模式思想解决 cpu 内存不断增加的问题。使用低代码的思想,以组件为维度可以自定义不同的首页。