负责企业级数据可视化平台的前端架构设计与核心模块开发，聚焦复杂数据场景下的可视化交互落地与性能优化，支撑金融、零售等行业客户的定制化数据展示需求

• 主导设计基于D3.js+WebGL的混合渲染架构，解决10万+数据点场景下的渲染卡顿问题——通过分层策略将静态背景（如网格、坐标轴）用WebGL GPU加速渲染，动态交互元素（如数据点 hover 效果）由D3.js处理，同时引入数据抽样算法（LTTB）降低渲染负载，最终实现60fps稳定帧率，支持10万+数据点实时 pan/zoom 交互，客户项目交付周期缩短25%
• 为核心金融客户定制实时行情可视化看板，基于ECharts扩展机制整合WebSocket实时数据流——针对多指标（股价、成交量、换手率）联动时的性能瓶颈，采用“数据压缩+防抖触发”策略：仅传输指标变化量而非全量数据，且联动请求延迟500ms以上才执行，最终看板响应时间从500ms降至100ms，支持12个指标同步联动无卡顿，客户续约率提升30%
• 开发拖拽式可视化配置工具，基于Vue3组合式API+SVG技术实现组件自由拼接——为平衡配置灵活性与易用性，设计“schema驱动”配置模型，预定义22个行业通用图表组件（如金融K线、零售热力图）及配套交互规则，用户通过拖拽即可生成看板，配置时间从1小时缩短至10分钟内，该工具成为公司标准化交付工具，覆盖80%中小客户项目
• 优化移动端可视化页面性能，针对iPhone 12及以上机型内存限制，用Canvas替代DOM渲染核心图表，结合Web Worker后台处理数据聚合——通过对象池复用Canvas绘制上下文，分块加载10万+数据点（每块5000点），最终移动端首屏加载时间从3s降至1.2s，内存占用减少35%，iOS端崩溃率从8%降至1.5%

参与企业可视化平台的基础功能迭代与客户项目交付，聚焦数据可视化的落地实现与客户需求转化，积累零售、制造等行业可视化场景经验

• 负责零售客户销售趋势看板开发，用ECharts+D3.js实现多维度数据交叉展示（时间×地区×品类）——通过ECharts的option链式调用封装钻取、联动功能，支持点击地区下钻至城市粒度，同时更新品类占比饼图，帮助客户快速定位华东地区Q3家电品类销售额下滑原因，项目验收评分9.5/10（满分10）
• 用TypeScript封装通用图表组件库，包含折线图、柱状图、热力图等15个组件——定义统一的props接口（如data、options、onClick）和事件回调（onDataChange、onHover），解决之前组件复用性差（仅30%）的问题，团队开发同类功能的时间从2天缩短至半天，组件复用率提升至80%
• 解决低版本浏览器兼容性问题：针对IE11下SVG渲染错位、D3.js的d3-scale模块报错，采用Babel转译+core-js polyfill，同时自定义兼容层函数重写d3-scale的linearScale方法，将兼容性问题频率从每周10次降至每月1次，客户投诉率下降70%

协助完成可视化项目的基础开发与测试，学习数据可视化技术与行业场景应用，逐步承担小型项目的可视化模块开发

• 参与教育客户学生成绩可视化项目，用D3.js实现成绩分布直方图与进步曲线——通过d3-scaleLinear定义分数区间，d3-axisBottom生成x轴，结合requestAnimationFrame优化时间轴滚动流畅度，解决滚动时卡顿问题，项目按时交付，客户反馈“图表清晰呈现学生进步趋势”，成为部门教育行业标杆案例
• 协助优化可视化页面响应式设计：用Bootstrap栅格系统+媒体查询，调整ECharts图表的大小与布局——针对移动端屏幕小问题，设置768px断点，将图表宽度设为100%并缩小字体，确保移动端可视性，最终PC端与移动端显示一致性达98%，解决了之前移动端图表溢出的问题
• 编写可视化模块单元测试：用Jest+Vue Test Utils覆盖D3.js数据绑定、ECharts配置更新等核心功能——设计边界值测试（如空数据、极端值）与异常场景测试（如数据格式错误），测试覆盖率从60%提升至85%，后续迭代中此类功能bug率下降30%

电商大促高并发场景下前端性能优化与稳定性保障项目

• 项目背景：公司核心电商平台每年双11、618大促期间面临亿级流量峰值，存在首屏加载慢（平均3.2s）、动态商品列表渲染卡顿（FPS≤40）、接口报错率高达1.8%等问题，严重影响用户转化与品牌口碑；我的核心目标是主导前端性能全链路优化，支撑大促期间10亿+PV的高并发访问，将核心体验指标提升至行业TOP3水平。
• 关键难题：一是传统单页应用（SPA）打包体积过大（首屏资源超2MB），二是动态商品卡片渲染依赖复杂计算导致主线程阻塞，三是跨地域CDN节点缓存策略不统一引发资源加载失败；我需要平衡优化效果与研发迭代效率，避免过度优化增加维护成本。
• 核心行动：1. 基于Webpack5模块联邦重构微前端架构，将首页、商品详情页、购物车拆分为独立子应用，首屏资源体积压缩至800KB以内；2. 采用Web Worker异步处理商品价格计算、推荐算法等重逻辑，将主线程阻塞时间从120ms降至25ms；3. 设计分层缓存策略——CDN缓存静态资源、LocalStorage缓存用户偏好数据、Service Worker预加载高频页面，同时接入Sentry+LogRocket实现全链路错误追踪与用户行为回溯。
• 项目成果：大促期间首屏加载时间降至1.5s（提升53%），商品列表FPS稳定在55+（提升37%），接口报错率降至0.3%（下降83%）；支撑平台完成12亿PV访问，用户转化率较上一年大促提升18%；该方案被纳入公司前端性能基线，推广至全产品线，年节省运维成本约200万元。

短视频APP跨端（iOS/Android/H5）体验一致性项目

• 项目背景：公司短视频APP需覆盖iOS、Android原生端与H5端，但存在滚动流畅度差异（原生端60FPS vs H5端45FPS）、组件交互不一致（如点赞动画原生端更丝滑）、多端代码复用率仅30%等问题，导致用户跨端流失率达15%；我的目标是设计跨端技术方案，实现“一端开发，多端一致”的体验，降低维护成本。
• 关键难题：不同端的渲染引擎（iOS的WebKit、Android的Chromium、H5的Blink）对CSS动画、滚动事件的处理逻辑不同，传统跨端框架（如UniApp）无法满足个性化交互需求；同时要保证代码可维护性，避免因多端适配增加冗余逻辑。
• 核心行动：1. 选择Taro3+React Native作为基础框架，针对滚动流畅度问题，自定义RN的ScrollView组件，优化滚动事件的防抖策略与惯性滚动参数，使H5端FPS提升至58；2. 对于点赞、评论等高频交互，封装跨端动画库——使用CSS3动画适配H5，用RN的Animated API适配原生端，保证动画时长、缓动函数完全一致；3. 引入Redux Toolkit做全局状态管理，同步多端的用户行为数据，同时用Puppeteer编写自动化测试脚本，覆盖80%的核心交互场景。
• 项目成果：跨端代码复用率提升至75%，多端用户流失率降至7%；用户调研显示，跨端体验评分从3.8分（满分5分）升至4.5分；项目上线后，多端bug修复成本减少50%，研发迭代效率提升30%；该方案成为公司后续跨端项目的标准技术方案。

• 因痛心于年轻人对历史的疏离，我在B站创立「古人脱口秀」栏目，用职场梗解构历史事件（如《雍正皇帝的KPI保卫战》）。通过设计「颠覆认知-史料佐证-现代共鸣」三幕剧本模板，单期视频最高收获1.7万条弹幕互动。
• 两年间栏目播放量突破180万，作品被多地中学选为教学素材。这段经历磨砺出将学术内容转化为大众语言的能力，也让我理解到真实用户反馈才是创作者的指南针。