3年前端经验，拥有 2B/2C 多个项目经验，拥有丰富的 React + TS 实践经验，乐于分享、对业界新技术保持高度敏感，喜欢钻研前沿技术和边缘设施，喜欢研究一些优秀框架的源码，有较强的技术判断力和业务敏锐度。
项目经历
教育数据管理中台
2024/03 - 2024/09
技术栈: React, Mobx, Antd，Antv-X6
- 利用Mobx管理和处理可观测数据 使用Antv-X6进行ER图的绘制和管理，实现图形化的业务模型
- 集成react-monaco-editor，实现JSON接口的可视化编辑和测试功能
- 实现实体和字段级别的权限管理，确保数据的安全性和隐私性
- 使用Antv-X6完成ETL（抽取、转换、加载）流程的图形化编排支持复杂的数据处理流程，提升数据管理和处理的效率
技术栈： React，Antd，Echarts，Canvas
- 可视化展示和交互，如：多排版方案，板件暂存区，余料自动裁剪，以及大板锁定功能，采用离屏 canvas 进行异形图案 卡顿优化等。
- 复杂数据解析处理，如：下载样表功能（file -saver），FileReader 读取本地文件进行数据解析等。
- 高级组件封装，如：标签模版编辑器 ，封装虚拟列表组件 react-virtualized 等。
- 公共函数编写，如：图片格式转换压缩方法、业务数据处理方法等。
- 性能优化，如： 并发控制文件下载防止页面卡死、 jszip 进行文件归档减小文件大小，利用 image-js 修改图片位深进一步压缩图片大小等。
技术栈： Vue3，Typescript，Andtdesign-Vue，Tailwindcss
- 项目规范集成，如：eslint-config 预设统一代码风格， git-commit-cli 约束 commit 提交。
- 功能实现，如： RBAC 权限控制，登录 jsrsasign验签，文件模版上线下线，操作记录展示，标签数据源管理，云排版公告编辑和设备文件配置。
- 请求封装，集成了 axios 全局 loading、cancel、retry等功能，统一的错误码处理和双 token 认证机制。
- 组件封装，如：表单、模态框、表格、Echarts、富文本编辑器（Tinymce ）等，提高了组件的复用性和易用性。
柜柜千里眼小程序
2022/02 - 2022/07
技术栈： Uniapp，Uview，Canvas，WebSocket
- 根据 UI原型图完成页面布局，实现交互逻辑设计，如：微信一键登录和手机号验证码登录功能，并进行页面权限校验，订单展示，3D房间 webview 的嵌入和 CAD 平面图的展示，房间预览体验等。
- 组件封装，如：封装 CAD平面展示组件、封装材料清单报价表格，实现自定义转发分享功能、封装开发电子签单 canvas 模块等。
- 数据埋点，实现登录方式埋点和房间观看埋点记录。
泸州110接警处（PC）
2021/06 - 2022/02
技术栈： React16，Antd，Echarts，WebSocket，Videojs，Pgis
- 封装 WebSocket 进行消息通讯达到实时交互，文件附件上传、视频、图片发送、实现拉群功能以及未读新消息的 badge 显示，进行聊天框 ui 优化滚动条置底。
- Echarts 数据可视化，警情详情数据渲染，警力分布图，实现数据透明。
- 通过 pgis 实现报警人短信定位 showmarker ，警情管辖单位区域定位展示。
- 使用 videojs 监控辖区摄像头显示，处理调度派警中的反馈 tab，表单数据回显及表单提交验证，警情单 ui 优化等。