个人优势
技术深度:8年前端开发实战经验,精通Vue全家桶及现代化前端工程体系,具备从0到1搭建大型前端项目的能力,在复杂业务场景下的架构设计与性能优化方面有丰富经验
项目交付:主导多个腾讯游戏项目(和平精英、使命召唤等)的前端开发,涵盖官网、微社区、小程序、后台管理系统等多场景交付
团队管理:担任前端开发组长多年,具备技术选型、团队规范制定、代码审查、新人培养等管理经验,曾带领前端技术团队完成多个重点项目交付
技术创新:熟练使用AI编程工具(Cursor、Trae、Qoder)提升开发效率,在可视化大屏、Web3、NFT游戏等新兴技术领域有实际项目落地经验
持续学习:保持对前沿技术的敏感度,关注AI编程、AI提效等技术发展,具备快速学习与应用新技术的能力
核心技能
技术栈与框架
Vue2/Vue3
Vuex/Pinia
Webpack/Vite
uni-app
ElementUI/Ant Design
前端核心能力
JavaScript/TypeScript
HTML5/CSS3
性能优化
移动端适配
响应式布局
可视化与图形技术
ECharts
ThreeJS
Lottie动画
Spine动画
数据可视化大屏
后端与运维
Node.js
Express
MySQL
Nginx配置
Jenkins
Git/SVN
新兴技术领域
Web3
MetaMask
WebSocket
WebRTC
开发工具与协作
Cursor
Trae
Qoder
VS Code
WebStorm
工作经历
开发交付部 | 成都
- 负责公司核心产品北京基础管控平台的前端架构设计与核心功能开发
- 主导可视化数据大屏设计器的二次开发与功能扩展
- 参与互联网庭审系统的前端开发,负责庭审排期、证据管理等核心模块
- 负责技术难点攻关、代码审查、性能优化
主要成果
- 成功交付3个大型项目,系统稳定运行,用户高度满意
- 优化大文件上传性能,分片上传成功率提升至98%,上传速度提升3倍
- 构建内网通用组件库,供团队成员使用,开发效率大幅提升
- 主导低代码表单设计器开发,通过简单的拖拉拽及配置生成复杂业务表单下发到用户
开发部 | 成都
- 制定公司前端开发规范,包括代码规范、组件规范、Git工作流
- 负责技术选型与架构设计,确保项目技术方案的可扩展性
- 负责项目进度管理与质量控制,协调设计、产品、后端团队协作
主要成果
- 建立完整的前端开发规范体系,代码质量显著提升,Bug率明显降低
- 搭建后台管理系统框架,支持多业务线快速接入,开发周期大大缩短
- 多次组织团队技术分享会,提升团队整体技术水平
研发部 | 成都
- 负责腾讯游戏多款产品的前端开发,包括官网、微社区、小程序等
- 负责移动端适配与性能优化,确保各机型兼容性
- 对接腾讯产品与技术团队,确保项目按时高质量交付
主要成果
- 参与开发和平精英微社区、使命召唤微社区等多个项目,保障核心功能稳定上线与迭代
- 完成多款游戏的官网与活动专题页开发,高效支撑游戏运营推广需求
项目经历
基于Vue2+ElementUI+Flowable开发的基层政务管控平台,支持任务管理、流程审批、数据统计等核心业务,服务基层民警日常办公
核心职责
- 动态表单设计器开发:基于formDesigner二次开发,实现拖拽式表单配置,支持多个表单组件类型,实现JSON结构编辑与预览
- 工作流可视化平台:集成bpmn-js搭建流程设计器,自定义moddle适配Flowable,实现流程图绘制、模拟运行、XML/BPMN/SVG导出
- 移动端核心业务开发:开发任务管理、任务填报、通知等核心页面,实现多端适配与交互优化
- 大文件上传优化:实现分片上传与断点续传,结合canvas图片压缩,单次请求降低70%,上传成功率从85%提升至98%
- 电子签名水印:实现自动叠加电子签名水印功能,提升材料防篡改能力
技术难点与解决方案
- 表单组件性能问题:采用虚拟滚动按需渲染,组件懒加载,配置数据缓存优化,首屏加载时间减少60%
- 流程图交互复杂:状态管理模式重构,采用观察者模式实现多组件同步,操作响应时间从500ms降至50ms
- 移动端适配复杂:响应式布局+rem适配,分级降级策略,低端机型关闭动画效果
项目成果
- 系统日均访问量10万+,任务处理效率提升50%
- 表单配置功能上线后,表单开发时间从平均4小时缩短至30分钟
- 移动端在大部分主流机型上稳定运行,兼容性达98%
基于avue-data二次开发的企业级可视化大屏搭建平台,支持拖拽式配置、组件库扩展、数据源管理、大屏播放等全流程能力
核心职责
- 整体架构扩展:对原有画布容器、组件面板、数据源配置等核心模块深度改造,新增大屏模板管理、组件分类管理等功能
- 组件体系完善:基于Vue+ECharts开发50+可配置图表组件,包括柱状图、折线图、饼图、地图、数字看板等
- 播放控制器开发:开发大屏播放控制器APP,支持大屏轮播、远程控制、异常监控等功能
技术难点与解决方案
- 大屏自适应复杂:采用transform+scale缩放方案,结合CSS变量动态计算,实现任意分辨率完美适配
- 数据源配置复杂:抽象数据源接口,支持静态数据、API数据、WebSocket数据
项目成果
- 成功搭建200+个大屏项目
- 组件复用率达90%,大屏开发效率提升5倍
基于Vue3+TypeScript开发的线上庭审系统,支持庭审排期、证据管理、庭审笔录、语音识别等功能,服务于法院线上庭审业务
核心职责
- 庭前证据管理:开发证据上传、分类、预览、版本管理等功能,支持图片、视频、文档等多种格式
- 庭审笔录功能:集成ASR语音识别引擎,实现实时语音转文字,准确率达95%+
- 性能优化:按需引入ElementPlus组件,路由懒加载,长列表虚拟滚动
技术难点与解决方案
- WebSocket实时通信不稳定:实现心跳检测机制、消息重发机制、断线重连机制,消息送达率从85%提升至99%
- 语音识别延迟高:采用流式识别+分片处理,前端缓冲区优化,识别延迟从5s降至1s内
- 多人在线并发高:采用WebRTC视频流优化,带宽自适应,支持多人同时在线不卡顿
项目成果
- 系统稳定运行1年,累计支撑庭审1000+场,成功率99.5%+
- 庭审效率提升40%,法官满意度95%+
基于H5+CSS3+JS+jQuery开发的游戏官网,提供游戏介绍、新闻资讯、攻略视频等功能
核心职责
- 页面结构搭建:采用DIV布局,语义化标签,保证页面结构清晰,利于SEO优化
- 动画效果实现:合理运用CSS3动画,实现首页炫酷效果,提升用户视觉体验
- 轮播图开发:使用Swiper插件实现轮播功能,支持自动播放、手动切换、指示器等交互
- 数据对接:对接腾讯GICP数据后台,实现新闻资讯动态展示
- 攻略板块开发:使用Ajax请求JSON数据,实现攻略视频展示与播放功能
项目成果
- 页面PV累计1000万+,用户停留时间增加40%
- 动画效果获用户好评
- 页面兼容所有主流浏览器,兼容性达99%
基于Vue开发的移动端微社区交流系统,嵌入和平精英手游内,提供游戏攻略、武器库、大神直播、玩家交流等功能
核心职责
- 游戏地图开发:使用LeafletJS实现游戏地图瓦片展示,支持地图缩放、拖拽、标记点位等功能
- 武器库模块:开发武器数据展示页面,包括枪支属性对比、配件推荐、使用技巧等
- 攻略板块开发:开发攻略文章展示、搜索、分类、点赞、评论等功能,采用瀑布流布局
- 性能优化:实现图片懒加载、骨架屏、虚拟滚动等技术,首屏加载时间从2s优化至0.8s
- 多机型适配:适配市面上主流机型,包括iPad平板、异形屏等,兼容性达98%
技术难点与解决方案
- 地图瓦片加载慢:采用瓦片预加载+缓存策略,地图加载速度提升70%,支持离线查看
- 攻略文章数量多,滚动卡顿:实现虚拟滚动+分页加载,支持万级文章列表流畅滚动
- 游戏内嵌入,机型兼容性要求高:建立机型适配规范,采用CSS媒体查询+JS检测
项目成果
- 微社区DAU达500万+,用户留存率提升30%
- 攻略文章累计阅读量1亿+,UGC内容增长200%
基于Vue开发的移动端微社区交流系统,嵌入使命召唤手游内,提供游戏攻略、武器库、大神直播等功能
核心职责
- 横版页面重构:负责整个系统横版页面的重构,从jQuery技术栈迁移至Vue,采用组件化开发模式
- 路由懒加载:使用vue-router实现路由分发,采用懒加载策略,首屏加载时间减少50%
- 图片懒加载:使用vue-lazyload实现图片懒加载,减少首屏加载资源,页面加载速度提升60%
- 样式优化:使用Less进行样式开发,抽离公共样式为mixin,提升代码复用率
- 像素级还原:严格按照UI设计稿实现页面,精确到像素级别,保证视觉效果一致性
技术难点与解决方案
- 横版页面适配复杂:采用rem布局+媒体查询,适配320px-1920px宽度范围
- 从jQuery迁移至Vue工作量大:制定迁移计划,优先改造核心模块,分批次迁移
项目成果
- 项目迁移成功率100%,无重大Bug
- 页面加载速度提升60%,用户满意度提升40%
- 代码复用率达80%,后续开发效率提升50%
其他信息
技术分享与学习
-
技术分享:在公司内部组织多次技术分享会,主题包括Jenkins自动部署配置、前端性能优化、低代码平台开发等
-
团队建设:团队代码审查标准制定,提升团队代码质量
-
技术学习:持续关注AI编程、AI提效、前端工程化等技术发展,积极拥抱AI
兴趣爱好
技术学习
篮球
乒乓球
游戏