个人介绍
1. 开源社区:
(1).React 版开箱即用的中后台解决方案 (http://mu.haojiey.cn/)
(2).智能关系图谱解决方案 (http://graph.haojiey.cn/)
2. 做过前端小组长带领四人小队完成项目开发,负责部门内前端框架的开发与规划
3. 掌握主流开发框架 Vue2,Vue3,React 并熟悉配套的生态支持工具以及相应的组件库等
4. 掌握 webpack,vite 进行工程化能力输出,并对前端模块化以及性能优化有一定理解
工作经历
2020-10-27 -2023-08-28中科国力前端开发
● 负责公司产品中 Web 前端功能的开发实现 ● 搭建公司前端框架,以及项目的技术选型 ● 项目性能持续优化,提升产品的用户体验 ● 梳理与优化项目的开发流程,以及公用组件的封装维护 ● 前端项目的部署维护,编写以及维护各项目的环境部署文档 ● 前端技术文档的编写,团队基建,定时在组内分享技术文章
2019-08-07 -2020-10-08奥鹏教育前端开发
● 项目组系统运维以及招生云平台运维工作 ● 平台的项目迭代更新及优化 ● 开发各种专题页,及落地页、公司项目前端组件的设计、规划及开发
教育经历
2016-09-01 - 2020-06-30北京理工大学计算机应用本科
技能
● 高德地图的引入,开发行政区域的展示,点标记,图层多边形模式范围圈选 ● 可视化组织结构树脑图的封装 1. 基于开源插件 vue2-org-tree 的二次封装 2. 增加功能:放大缩小、居中显示、全屏展示、新增/删除/修改节点 ● 机器人和客户进行语音交互过程中提取关键字,填写到对应的 form 表单内 1. 浏览器的语音模块用 websocket 进行语音交互,获取到语音转成文字实时进行传输 2. 浏览器接收到对应类型的话术后,通过修改 element 的底层源码去触发对应表单的更新 ● 技术栈基于 vue2+echarts 进行开发
本项目主要采用微前端架构系统进行构建,使用 qiankun 框架,主应用主要为知识库的主逻辑,子应用负责用户注册,权限管理等逻辑(子应用采用成熟的 lamp ,官方 github:https //github.com/zuihou),两者都是 spa 单页面的应用,所以两者可以完美结合 1、使用 qiankun 服务搭建微服务框架,子应用为 lamp 应用 2、核心组件的开发封装 3、组员代码的审核 难点: 1、基于 ant-design-vue Tree 组件重构(总体耗时减少80%): ● 优化效果以5000条数据为基准进行查询渲染,优化前耗时7.2秒,优化后耗时1.3秒 ● 渲染万级以上数据时,展开某级节点耗时减少 ● 每级节点增删改操作,通过扁平化处理,减少操作耗时 ● 输入框搜索指定节点时,通过任务拆分展开节点,减少渲染操作耗时 2、知识图谱(企业图谱/知识产权/产业链为例) ● 使用d3.js 作为开发核心 ● 使用 three.js 开发三维模型 ● 扩展操作添加/删除/隐藏/扩展/连线等功能 3、文章内容鼠标进行左键划词实现文字标注功能
本项目针对于人物在不同社交账号(ins,twitter等)的发文情况,对该人物进行情感,关系分析,并进行大屏展示(分三屏展示) 1、开发负责人,把控项目质量、资源协调 2、核心业务组件开发封装 3、优化图表的兼容性 4、组员代码的审核 难点: 1、大屏渲染及展示效果的数据存储的优化,通过减少数据请求使用 pina 统一管理接口及数据保存 2、大屏之间的数据交互以及页面跳转管理,使用 localstroge Api 封装 hooks 进行管理 通过监听本地 Store 事件进行不同大屏之间的交互操作 ● Key:SCREEN_STATE_SHOW:维护大屏的状态管理 ● Key:SCREEN_INTERACTION:维护大屏间的数据通信