




个人介绍
熟练掌握HTML5、CSS3、JavaScript等前端基础知识
熟练Sass/Less预处理器及CSS-in-JS和CSS-Module方案,根据交互原型和UI设计图100%还原页面
熟练使用axios配合后端完成接口的联调并对重复请求 ,取消请求 ,请求拦截和响应拦截做统一封装
熟练使用Vue全家桶React全家桶和uni-a***开发主流框架
熟练使用echarts ,antv ,dataV等常见工具实现数据可视化开发
熟练使用websocket/web rtc技术实现服务端推送和音视频通话功能
熟练使用webpack和vite前端工程化工具 ,能够使用常用的工程化插件对上线项目进行兼容优化
熟练使用git代码管理工具和ApiPost调试接口工具
熟悉前端微服务部署框架qiankunJs ,能够进行微服务架构的开发和部署
熟悉并使用过Node.js、Koa2、Express搭建服务器处理 使用Sequelize 对象映射方式修改MySQL 数据库
掌握第三方库例如百度云人脸识别/语音识别、腾讯地图、阿里云短信验证并且熟练掌握查看文档能力
工作经历
2022-10-02 -至今新亚数联高级前端工程师
业务逻辑上的处理 管理人员或者员工的一些逻辑交互,人事角度或管理角度及员工角度的使用方式
教育经历
2024-02-20 - 保定理工计算机科学与技术专科
技能

完成通过监控录像对区域部门人员的安全行为使用 canvas 进行绘制抓拍功能并记录数据 完成工程管控模块展示不同的区域概况数据:施工人数、部门名称使用 websocke 实时检测现场的施工总人数数据变化 完成人员管控模块人员查询查找员工所负责区域以及人员轨迹记录 实现循环滚动轮播数据列表 ,利用定时器和数据切换机制 ,提供便捷的数据浏览方式 通过使用 Web RTC 实现获取监控设备并将视频流数据进行展示 使用并封装了通用金属风格面板(MetalStylepanel)和金属风格边框(MetalStyleBorder) 使用并封装 WebSocket 实现数据实时推送和接收功能 使用并封装 Echarts 可视化图表库并对其进行了封装 ,多页面组件复用


负责从零开始搭建项目 ,实现样式 ,动画 ,路由 ,异步请求 ,数据共享方案初始化工作 完成首页模块、个人和公司内部的数据展示及数据可视化 完成消息中心数据根据已读未读状态更新并渲染到表格中 完成数据中心模块:销售趋势、销售排行、客户来源、客户意向、部门业绩数据可视化和表单数据展示 实现了合同模块大数据数据渲染并针对不同合同回款进行记录 实现了使用 pdfjs 对合同文件进行在线预览(并进行双楼层的方式展示预览) 权限管理:判断登录员工的权限等级 ,添加权限按钮 ,动态路由 性能优化:虚拟列表、组件精细化渲染、路由懒加载、CDN 缓存、分包、防抖节流 等 使用并封装 Axios(携带 token,cancelToken 取消重复请求,响应拦截状态响应)
