作为前端技术专家，主导公司设计系统（DSL）的从0到1建设。基于 Storybook 构建组件文档，采用 Tailwind CSS 作为底层样式方案，设计了具备高可用性和可扩展性的组件API。
• 该设计系统覆盖公司5个主要产品线，组件复用率达85%，UI开发效率提升50%，并保证了品牌视觉的一致性。
• 探索并落地AI辅助开发，引入 Cursor 等工具进行代码智能补全和生成，尝试使用 Vercel AI SDK 接入大模型，为未来开发智能化的内部开发工具做准备。

• 负责区块链浏览器前端界面的开发，使用 Next.js 实现服务端渲染（SSR），有效提升首页加载速度和SEO效果，首屏加载时间优化35%，来自搜索引擎的流量增长60%。
• 独立负责并实现ECharts大数据可视化方案，用于展示链上交易和网络状态，处理了千万级数据点的实时渲染性能问题，画面帧率稳定在60fps。
• 使用 Node.js 和 Express 编写简单的后端API接口，与区块链节点进行RPC通信，展现了跨技术栈的问题解决能力。

电商直播场景下实时互动与性能优化平台

• 项目背景：公司为头部美妆品牌搭建直播电商中台，需支撑百万级并发用户的实时互动（弹幕、点赞、抽奖、优惠券发放），但现有系统存在高延迟（峰值延迟超3s）、多端兼容性差（iOS WKWebView频繁断连）、数据一致性问题（抽奖中奖信息跨端展示不同步），严重影响用户留存与转化。我的核心职责是主导前端实时互动模块的重构与全链路性能优化，对接后端实时服务（Go语言开发的WebSocket集群），保障大促期间（双11、618）系统稳定性。
• 关键难题：1）高并发下互动消息的延迟与丢包——峰值12万+/s的消息推送导致WebSocket服务负载过高；2）多端（H5/小程序/APP内嵌）适配——iOS系统对WebSocket的长连接调度策略与Android差异大，断连率高达15%；3）实时数据一致性——抽奖、秒杀等场景中，前端组件因状态同步不及时导致中奖信息展示错乱。
• 核心行动：1）技术选型上，采用「WebSocket+MQTT双链路冗余」方案——主链路用WebSocket承载高频互动消息，备用链路用MQTT应对弱网环境，通过心跳检测自动切换，解决连接稳定性问题；2）性能优化方面，用Redis Cluster搭建消息队列，将互动消息按「直播间ID」分片缓存，削峰填谷降低单节点压力，同时优化Vue3 Composition API的状态管理，用Pinia的全局状态同步替代组件间props传递，确保多组件数据一致性；3）多端适配层设计：针对iOS WKWebView，重写WebSocket重连逻辑，采用指数退避算法（初始间隔1s，最大间隔30s），断连率降至2%以内；4）引入Sentry前端监控与自定义指标（如「消息端到端延迟」「互动成功率」），实时定位瓶颈。
• 项目成果：消息端到端延迟从3s降至400ms以内，双11期间支撑150万+并发用户，互动成功率提升至99.9%；iOS端崩溃率下降45%，多端数据一致性达到100%；该方案沉淀为公司直播业务的「实时互动标准架构」，推广至生鲜、服饰等垂类直播场景，据业务部门统计，用户互动率提升28%，直播转化率提升20%，直接带动GMV增长超1.2亿元。

全渠道商品详情页动态渲染系统

• 项目背景：公司业务覆盖官网、APP、微信小程序、抖音小店等6个渠道，商品详情页此前采用「渠道独立开发」模式，存在维护成本高（修改一个字段需同步4个端）、更新慢（新功能上线需1周适配所有渠道）的问题。我的职责是从0到1设计并实现前端动态渲染系统，支撑多渠道统一内容管理与快速迭代。
• 关键难题：1）多端渲染规则差异——APP端需嵌入原生商品规格组件，H5端用HTML+CSS实现，小程序端依赖WXML模板，难以统一管理；2）动态内容实时性——商品价格、库存、促销活动的变更需快速同步到所有渠道，此前的静态页面更新需重新部署，延迟达10分钟；3）性能瓶颈——动态渲染逻辑集中在服务端，导致页面首屏加载时间超3.5秒，影响用户转化。
• 核心行动：1）架构设计上，采用「模板+配置」的动态渲染引擎——定义通用的商品数据模型，每个渠道对应不同的「渲染模板」（如APP端用React Native组件，H5端用JSX，小程序端用WXML）和「配置文件」（控制组件显隐、布局顺序），通过后端接口动态加载；2）技术选型：基于Next.js框架实现服务端渲染（SSR），结合React Server Components减少客户端 bundle 大小；3）缓存策略优化：用Redis缓存渲染后的页面片段，按「商品ID+渠道」作为键值，过期时间设置为5分钟（匹配商品更新频率）；4）数据同步：引入GraphQL替代RESTful API，精准获取不同渠道需要的商品字段，减少冗余数据传输。
• 项目成果：统一了6个渠道的商品详情页管理，维护成本降低65%（修改字段只需更新配置或模板）；页面首屏加载时间从3.5秒降至1.2秒以内；商品数据更新延迟从10分钟缩短至30秒内；系统支撑了公司80万+SKU的渲染，大促期间页面错误率低于0.01%。运营团队的工作效率提升50%，新功能上线时间从1周缩短至1天，该系统成为公司「全渠道数字化」的核心基础设施之一。

• 大二观察到毕业生离校时大量教材被废弃，而新生购书支出占生活费12%，便发起校园书籍教材循环计划。为解决传统二手书交易效率低的问题，我们开发微信小程序实现扫码估价、预约取件功能，并说服快递中心以成本价承接物流。
• 通过建立翻新消毒标准打消卫生顾虑，项目年流通教材1.2万册，累计为同学节省书费38万元。这段经历让我从商业小白成长为能设计闭环模式的实践者，项目不仅获省级创业金奖，更被纳入学校官方服务体系延续至今。