负责公司核心产品矩阵（活动营销、场景化运营）的移动H5全生命周期开发，聚焦性能优化、多端适配及用户体验提效，协同产品、设计团队落地高并发活动页与可复用组件，保障业务转化与稳定性

• 主导活动类H5性能优化项目，通过Lighthouse审计定位首屏加载慢（3.2s）核心问题，采用Webpack Tree Shaking精简冗余代码、Intersection Observer实现图片懒加载、资源预加载策略，同步将Vue组件改为异步按需加载，最终首屏加载时间降至1.8s，活动转化率提升21%
• 核心参与跨端适配方案设计，针对iOS刘海屏、Android全面屏及不同DPR设备，放弃传统REM方案，改用VW+媒体查询结合动态DPR计算，解决按钮错位、图片拉伸等适配问题，覆盖Top 50机型98%，用户适配类bug反馈下降75%
• 重点优化活动H5交互流畅度，通过Chrome DevTools Performance面板分析发现列表滑动卡顿（45fps）源于长列表重排重绘，引入Virtual List虚拟列表优化渲染，配合CSS will-change: transform属性，将滑动帧率提升至60fps，用户停留时长增加30%
• 基于Vue3+Vite搭建场景化组件库，封装抽奖转盘、打卡弹窗等通用活动组件，用TypeScript定义props增强类型安全，结合Storybook编写组件文档，团队复用率达85%，同类组件开发时间从1.5天缩短至4小时

承担品牌营销H5与电商引流H5开发，聚焦跨浏览器兼容、动效实现及数据追踪，支撑市场活动快速上线与效果优化，保障业务目标达成

• 核心参与电商引流H5开发，用Axios拦截器统一处理token失效、401错误码，实现localStorage+sessionStorage双写存储购物车数据，解决用户中途退出数据丢失问题，引流转化率提升15%
• 主导商品360度旋转动效实现，结合Three.js与Touch事件处理惯性滑动、缩放逻辑，兼容iOS UIWebView与Android X5内核，动效流畅度获设计团队认可，对应页面用户点击转化率提升18%
• 搭建H5数据埋点体系，用GA4结合自定义事件追踪用户点击、滑动、分享等行为，输出《H5用户行为分析报告》，帮助市场部优化3个活动流程，平均停留时长增加25%
• 排查红米Note 9机型动效卡顿问题，通过Charles抓包发现资源加载延迟，优化TinyPNG图片压缩、UglifyJS代码压缩，调整资源加载顺序，卡顿率从30%降至5%

参与内部管理系统移动H5适配及外部合作项目H5开发，聚焦基础功能实现与跨端一致性，积累移动H5开发实战经验

• 负责内部OA系统移动H5适配，用REM+媒体查询方案解决多屏幕布局问题，优化表单组件触摸交互（自动聚焦、滑动选择），内部员工使用好评率达90%
• 参与合作项目H5开发，对接微信分享、支付宝支付SDK，处理iOS/Android平台参数差异，动态设置分享标题与图片，项目上线后无分享失败投诉
• 用Service Worker实现静态资源（CSS/JS/图片）缓存策略，二次加载时间从2.5s降至1.2s，提升用户重复访问体验
• 协助团队代码评审，检查HTML语义化（header/nav/footer替代div）、CSS BEM规范、JS避免循环引用，帮助新人提升代码质量，团队bug率下降20%

全链路沉浸式商品详情页重构与体验升级项目

• 小星电商作为垂类美妆平台，原商品详情页存在多端体验割裂（跨端跳失率22%）、加载慢（首屏3.2秒超行业均值40%）、个性化推荐触达率低（18%）三大痛点。我的核心职责是主导前端架构重构，联动产品、后端实现“跨端一致、加载快捷、精准触达”目标，直接对转化率与用户体验负责。
• 项目面临三重技术挑战：1）多端（Web/小程序/H5）代码冗余达55%，维护成本高；2）页面模块（商品图/成分详情/评价/推荐）加载时序混乱，阻塞首屏；3）推荐依赖后端硬编码，前端无法灵活调整策略。我采用“Monorepo 统一代码管理+Vite 构建”消除多端冗余；用“骨架屏+Intersection Observer 懒加载+预加载”组合策略，定义“商品图>核心参数>评价>推荐”的加载优先级；设计“前端动态策略引擎”，通过 JSON Schema 定义推荐规则，用 Webpack Module Federation 解耦前后端策略。
• 我牵头跨端技术对齐会，推动80%通用组件标准化；针对推荐系统，调研10+动态配置方案后选择 JSON Schema（兼容后端CMS且灵活），并用 MF 解决模块联邦性能问题，避免全量发布影响体验。同时，我主导制定了“模块加载性能监控SOP”，确保优化效果可持续。
• 项目上线后，多端代码冗余度降60%，首屏时间缩至1.1秒（优于行业25%），跨端跳失率降至12%；个性化推荐触达率提至45%，带动月转化提升27%（新增GMV 350万）。我设计的“动态策略引擎”被纳入公司前端中台，成为后续个性化页面标准方案，我个人也因核心贡献晋升为高级岗。

ToB CRM 低代码平台前端组件库与可视化编辑器研发

• 晓行科技CRM服务中小商家，原定制化依赖代码开发（周期7天/页面），非技术人员无法参与。我的任务是搭建低代码前端基础能力——可配置组件库与可视化编辑器，目标将定制周期缩至1天内，支撑业务人员自主生成表单、列表等页面。
• 项目难点：1）传统组件库缺乏配置能力，无法满足动态业务需求；2）拖拽编辑器延迟达150ms，元素易重叠；3）多租户场景下样式与逻辑冲突。我基于Ant Design二次封装，设计“配置化组件模型”（暴露`required`/`rules`/`dataSource`等属性）；用React DnD实现拖拽，结合SVG网格系统（1px精度）+防抖优化流畅度；采用“Shadow DOM+租户ID前缀”做样式隔离，用Namespace隔离JS逻辑避免冲突。
• 我主导15场业务人员访谈，梳理出10个高频组件（表单/列表/弹窗）的配置项；针对拖拽延迟，测试多种方案后用React DnD+requestAnimationFrame将延迟降至30ms内；租户隔离方案对比Shadow DOM与CSS Scoped后，选择前者确保隔离彻底性。过程中，我还设计了“组件配置校验规则”，避免业务人员误操作导致页面错误。
• 组件库覆盖80%CRM常见页面需求，编辑器上线后定制周期从7天缩至1天，非技术人员参与率提至60%，支撑20+客户个性化需求（如某美妆客户自行调整表单3次无需开发）。该平台成为公司核心卖点，带动15%新客户签约，我也因组件库设计能力获得当年“优秀员工”。

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