负责电商大促活动及日常营销H5的全生命周期开发，聚焦性能优化、跨端兼容与工程效率提效，支撑千万级UV活动的稳定运行与用户体验提升

• 主导设计大促H5性能优化体系：以Lighthouse 100分目标为基准，通过Webpack5 Tree Shaking剔除冗余代码（减少打包体积28%），结合SplitChunks按路由拆分代码；针对第三方SDK（如统计、分享）冗余加载问题，采用动态import+懒加载策略，将首屏加载时间从3.2s压缩至1.8s，页面加载成功率从97.3%提升至99.5%
• 核心解决跨端兼容痛点：针对iOS滚动穿透（fixed定位失效）与Android 1px边框模糊问题，组合使用FastClick库修正点击事件流+CSS transform: scale(0.5)方案；配合PostCSS Autoprefixer自动添加-webkit-前缀，覆盖98%低端安卓机（Android 9及以下）的flex布局兼容问题，兼容性投诉率较上一年下降65%
• 搭建活动H5工程化脚手架：基于Vite构建工具整合ESLint+Prettier+Husky代码规范流程，引入Vant Weapp H5版本组件库（适配rem布局），实现按钮、轮播图等通用组件复用率提升40%，单活动开发周期从7天缩短至5天
• 落地线上全链路监控：用Sentry捕获页面滑动卡顿问题（占比12%），通过Chrome DevTools Performance面板分析发现touch事件绑定冗余，改用事件委托+lodash防抖策略，将卡顿率降至3%；同时监控图片加载失败率（从8%降至1.2%），推动图片服务切换至WebP+AVIF双格式

支撑电商类H5页面（商品详情、裂变活动）的开发与迭代，聚焦页面稳定性、交互体验优化及与后端的协同提效

• 优化商品详情页加载性能：针对首屏图片加载慢问题，使用Intersection Observer API实现懒加载，配合WebP格式替换JPG（压缩率35%），页面首屏渲染时间从2.1s降至1.2s，跳出率下降22%
• 解决iOS弹性滚动问题：在商品评价列表场景，通过-webkit-overflow-scrolling: touch结合自定义滚动容器（overflow: hidden + position: absolute），消除原生滚动卡顿，用户交互好评率从82%提升至95%
• 封装通用组件提升复用：基于Zepto封装轮播图组件（支持触摸滑动、自动播放、 indicator 点击），复用在12个活动页面，减少重复代码量30%，组件bug率从15%降至2%
• 协同后端优化接口逻辑：将商品列表接口从同步请求改为Promise.all合并请求（商品信息+推荐列表），页面数据渲染时间从1.5s缩短至0.9s，同时处理接口超时问题（设置3s timeout+重试机制），数据加载失败率从5%降至0.8%

负责公司内部运营系统及轻营销H5的移动适配开发，聚焦响应式设计与功能稳定性，支撑运营人员移动办公需求

• 完成PC端运营报表H5适配：用媒体查询+REM布局实现响应式，覆盖iPhone 5-14、安卓主流机型（屏幕宽度320-414px），调整表格列宽与字体大小，运营人员使用满意度从70%提升至95%
• 优化表单提交体验：针对低端机型（如红米Note 7）输入延迟问题，用lodash debounce减少输入事件触发频率（从100ms调整为300ms），提交成功率从85%提升至98%，同时修复输入框聚焦错位问题（通过position: fixed + 动态计算高度）
• 搭建内部H5工具库：基于jQuery Mobile封装设备检测（判断iOS/Android）、弹窗组件（支持遮罩层、回调函数），团队开发同类功能的时间从2天缩短至半天，复用率达70%
• 解决移动端点击延迟：引入fastclick库消除300ms点击延迟，用户反馈“按钮反应慢”问题减少50%，同时在Chrome DevTools中验证点击事件触发时间从320ms降至50ms

企业级协同办公平台前端架构升级与性能优化项目

• 星途互动的核心ToB产品「智协」平台（服务全国500+中大型企业）原基于Vue2+Webpack架构，随着业务向“多端协同+个性化定制”延伸，逐渐暴露三大痛点：首屏加载慢（PC端平均3.2s）、企业平板/手机端适配混乱（组件错位率达45%）、Vuex状态管理冗余（跨页面通信bug月均12起）。我的核心目标是主导架构重构，打造“高性能、跨端兼容、易扩展”的前端技术体系，支撑业务向ToB全场景渗透。
• 项目面临三大技术挑战：① 跨端适配需兼顾企业自定义组件的响应式需求，原有rem方案无法兼容复杂表单与表格的动态布局；② Webpack打包体积高达1.8M，Tree Shaking对第三方库（如Element UI）的优化效果差，导致低端设备加载超时；③ Vuex模块耦合严重，跨业务线的状态共享逻辑混乱，修复bug的平均周期达3天。
• ① 技术栈选型与架构设计：推动切换至Vue3+Vite+Pinia组合——Vue3的Composition API解决跨组件逻辑复用问题，Vite的ESBuild预构建将开发服务器启动时间从12s缩至3s，Pinia以“模块化store”替代Vuex，彻底解耦状态逻辑；② 跨端适配方案：设计“基础组件库+企业定制层”模式，用amfe-flexible+postcss-pxtorem实现rem自适应，同时定义《响应式组件设计规范》约束企业定制，强制要求表单/表格组件支持动态列宽与折叠；③ 打包优化：拆分动态路由组件（基于Vue Router的Lazy Loading）、配置Vite SplitChunks将公共依赖拆分为“vendor-libs”“common-components”两个chunk，引入ImageMin插件将图片压缩至WebP格式，同时通过Rollup插件强化Tree Shaking，移除未使用的Element UI组件代码。
• 项目成果显著：① 性能指标：PC端首屏加载时间降至1.5s（提升53%），移动端加载失败率从8%降至1%；② 可维护性：状态管理bug率下降61%，新功能开发时状态逻辑的编写时间缩短50%；③ 业务价值：架构升级后，“智协”平台快速推出了“企业移动办公”“定制化仪表盘”两个新模块，支撑了200+家企业的个性化需求，成为公司ToB产品的核心增长引擎。我主导的《Vue3+Vite架构迁移指南》被纳入公司技术知识库，推广至所有ToB项目团队。

双11电商大促互动玩法前端高并发与实时体验优化项目

• 星途互动为头部电商客户提供的双11互动玩法（如“幸运大转盘”“品牌排行榜”）往年常因高并发（峰值100万UV）出现两大问题：一是页面卡顿（平均帧率30fps），转盘旋转动画掉帧严重；二是实时数据延迟（抽奖结果更新慢至1.2s），用户体验差导致活动参与率仅28%。我的目标是解决高并发下的性能瓶颈与实时体验问题，支撑百万级UV流畅参与互动。
• 项目的技术难点集中在三点：① 静态资源加载——单一CDN节点在高并发下拥塞，资源加载失败率达8%；② 实时通信——WebSocket连接不稳定，断开后无有效重连机制，导致数据丢失；③ 动画性能——传统JS动画（requestAnimationFrame）占用主线程，与页面渲染冲突。
• ① 实时数据模块攻坚：主导搭建WebSocket集群（3台阿里云ECS节点），加入“30s心跳检测+指数退避重连”逻辑，确保连接稳定性（断连率从15%降至2%）；② 资源加载优化：采用“阿里云CDN+腾讯云边缘节点”双分发策略，结合Nginx缓存静态资源，将资源加载成功率提升至99%以上；③ 动画性能优化：用CSS3 transform+will-change替代JS动画，开启GPU加速，将转盘旋转动画帧率稳定在60fps；同时用Service Worker缓存核心资源（如活动规则、奖品列表），弱网下页面可用率从75%提升至95%。
• 项目成果超出预期：① 体验指标：大促期间页面卡顿率从25%降至5%，实时数据延迟缩至200ms内；② 业务指标：活动参与率提升至58%，较去年增长107%，客户复购率提升40%；③ 方法论沉淀：总结的《高并发互动页面优化五步法》（资源多端分发→实时通信集群→动画GPU加速→弱网缓存→压力测试）被纳入公司大促技术手册，成为后续电商互动项目的标准流程。我个人也因该项目获得公司“年度技术创新奖”。

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