•专业课程涵盖前端交互设计、图形学导论、Web 多媒体技术等，连续三年获校级学业奖学金，毕业设计《基于 Canvas 的实时协作绘图工具》实现了画笔同步与图层管理，获评院级优秀。
•作为队长参加全国大学生数字艺术设计大赛，以《城市记忆》交互叙事网页获得交互设计类二等奖；在校黑客马拉松中，独自完成一个全适配的艺术家作品集展示站，用 CSS 动画与 SVG 滤镜打造沉浸式视觉体验，斩获最佳创意奖。
•加入视觉创新实验室，参与维护一个基于 React 的动态海报生成器，主导了色彩拾取器与版式模板库的模块重构，累计贡献代码 150 余次，解决了多款移动端手势冲突与渲染异常，沉淀出一套可复用的组件设计文档。
北京新知在线科技有限公司 - 用户体验部在线教育创新型企业
2018.07-2021.12
前端网页设计师网页交互设计前端工程化组件库搭建
北京
•主导公司在线教育平台多个子站的前端设计与开发，基于 React 框架构建组件库，实现课程展示、直播教室、作业提交等模块的交互逻辑，并利用 CSS Grid 与 Flexbox 实现灵活的多端适配布局。
•与教研团队和 UI 设计师深度协作，参与产品前期脑暴与原型评审，从教学场景出发提出优化页面信息层级和导航路径的方案，将课程详情页的跳出率降低了 18%。
•重构旧版后台管理系统的前端代码，引入 TypeScript 和代码分割策略，辅以 Webpack 打包优化，将首屏渲染时间从 3.2 秒压缩至 1.1 秒，并通过 Service Worker 实现离线缓存，提升弱网环境下的可用性。
•搭建前端自动化测试环境（Jest + Cypress），推动团队代码审查规范化，并组织内部技术分享会，带领 4 人小组完成多终端适配的暑期营销专题页，项目获得公司年度创新实践奖。
北京云创电子商务有限公司 - 平台研发中心电商 SaaS 服务商技术驱动型企业
2022.01-至今
资深前端网页设计师前端架构设计技术团队管理高性能优化
北京
•负责公司 SaaS 电商中台的前端架构升级，以 Vue3 + Vite 为基底重写老系统，设计微前端方案将商品中心、订单中心、营销引擎等模块解耦，大幅提升多团队并行开发的效率。
•担任前端技术导师，编写《前端开发规范手册》并推行 CI/CD 流水线，带领 8 人团队成功交付 618 大促主会场、品牌闪购、限时秒杀等高并发页面，活动期间 PV 峰值达 1500 万，页面错误率控制在 0.05% 以内。
•针对 B 端商家后台操作链路长的问题，引入虚拟滚动与按需渲染，将表格大数据量下的渲染耗时从 800ms 降至 200ms 以内；同时利用 WebSocket 实时推送订单状态，让商家感知的操作延迟近乎为零。
•与后端团队共同制定 GraphQL 接口规范，实现前端按需取数，避免冗余请求；并持续关注前端前沿，在内部落地了 WebAssembly 处理图片批量压缩的预研，将图片处理效率提升了 20 倍。
•项目背景：为提升该银行全渠道品牌形象，我司承接其智慧网点门户的全面改版，需兼顾金融合规、无障碍访问及高并发查询需求。
•我作为前端负责人，带领团队采用 Vue2 + Nuxt.js 实现服务端渲染，确保首屏秒开的同时满足 SEO 要求；搭配 Sass 变量体系，快速响应客户对品牌色的频繁调整。
•技术难点：页面需集成实时汇率、贵金属行情、智能客服等复杂模块，且必须通过银保监会的信息安全审计。
•解决方案：封装 ECharts 金融图表组件，并与后端约定数据签名方案，确保图表数据在传输和渲染过程中的完整性；引入 Aria 标签和焦点管理，保障视障用户的无障碍浏览体验；利用 Web Worker 处理密集计算，使行情数据更新时页面仍保持 60fps 流畅度。
某智慧医疗在线问诊 App 前端开发 - 前端开发工程师
2022.03-2022.09
•项目背景：客户为大型连锁医疗集团，需要一款支持在线问诊、处方流转、健康档案管理的跨平台 App。
•我负责前端核心模块开发，使用 React Native 完成 iOS 与 Android 双端的功能实现，包括医生排班日历、视频问诊、电子处方签名等交互密集的页面。
•主要工作：参与产品需求评审，为视频问诊的弱网场景设计离线消息队列，保证医患沟通不中断；实现基于 Redux 的状态管理，统一管理患者端和医生端的数据流，减少接口重复调用。
•项目成果：App 上线后首月注册用户突破 30 万，问诊服务平均响应时间 1.8 秒，患者端崩溃率低于 0.2%；通过组件复用和自动化打包，开发周期缩短 40%，获得客户书面表扬和公司年度技术创新奖。
设计系统与前端效能治理:
运用设计令牌和 Storybook 搭建组件库的协同工作流，引入视觉回归测试与自动发布机制，确保 UI 一致性从设计稿直达生产环境，减少手动核对成本。
主导过全站感知性能优化，通过关键帧预渲染、资源优先级调度与服务端自适应图片方案，将首屏视觉完整时间缩短了 58%，并搭建了融合 Lighthouse 与用户行为数据的性能看板，实现体验劣化实时预警。
