




个人介绍
l 熟练掌握HTML5,CSS3,能够高效实现静态页面样式,弹性布局和响应式布局技术,确保页面在不同设备上方的兼容性和用户体验。
l 熟练掌握ES6的JavaScript新特征,包括模块化,箭头函数,解构赋值,Promise等,提高代码的可读性和可维护性。
l 熟练掌握react, vue3,vue2框架能够基于这些框架快速开发高质量的web应用程序,具备丰富的开发和状态管理经验。
l 熟练使用TypeScript进行类型定义和接口设计,提高代码质量和开发效率。
l 熟练使用版本控制系统Git,进行高效的代码协作和版本管理,包括分支管理,代码合并,解决冲突等。
l 熟悉前端建构工Webpack,vite等,优化项目建构流程,提高构建速度和资源加载效率。
l 熟悉使用Element,Element-plus,antd,vant,等主流ui框架
l 熟悉Echarts,能够根据后端数据生成交互式的图标和数据可视化组件。
l 对Node.js环境有所了解,能够使用koa框架搭建简洁高效的服务器,进行后端逻辑处理,处理HTTP请求,并与MySQL数据库进行交互,熟悉MySQL数据库的语法,能够根据业务需求编写简单的SQL 查询语句和存储过程。
工作经历
2022-06-09 -至今来未来科技有限公司 web前端工程师
精心维护优化前端架构,确保页面在各类设备及浏览器上的兼容性与卓越用户体验 积极参与技术研讨,熟练运用前沿新技术编写高效、规范代码,精心规划技术方案。 高效开发新功能模块,基于主流框架搭建应用并进行组件化开发,保障组件复用性与可扩展性 紧密与后端团队协作,高效管理代码,持续优化构建流程,提升开发效率与资源加载速度 定期监测并深度优化前端性能,精心编撰技术文档,助力团队知识传承与协作
教育经历
2016-09-02 - 2022-07-15通海大学计算机科学与技术(应用技术)本科
2016.09-2020.07 通海大学 计算机科学与技术(应用技术) - 本科
技能

为公司的数据监控和展示需求开发的可视化大屏,该大屏主要用于对公司核心业务数据进行实时监测和展示,为管理层提供直观的数据可视化界面,帮助其快速掌握业务动态,辅助决策分析。涉及的数据包括但不限于销售数据、用户活跃度、流量统计等,数据来源涵盖多个业务系统,数据量庞大且更新频繁。 使用技术:Echarts、HTML5、CSS3、JavaScript、React、WebSocket,TypeScript 职责和成果: 1.利用Echarts实现多维度数据的动态可视化展示,包括折线图、柱状图、饼图等。 2.通过WebSocket技术实现数据的实时更新,确保数据的及时性和准确性。 3.采用响应式设计,使大屏在不同分辨率和设备上均能完美展示,提升用户体验。 4.优化页面加载性能,使用虚拟滚动和懒加载技术,页面加载时间缩短25%。 5.实现自适应布局和媒体查询,确保在高清大屏到普通显示器的多场景适用性。
