负责电商大促活动及日常营销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

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

• 小星电商作为垂类美妆平台，原商品详情页存在多端体验割裂（跨端跳失率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%新客户签约，我也因组件库设计能力获得当年“优秀员工”。

支教时发现乡村小学因缺乏实验器材，科学课多停留在课本讲解。返校后联合实验室开发出百元级科学实验背包，内含20个基础实验器材。为确保可持续运营，设计配套视频课程与城乡结对系统，并培训132名大学生担任远程助教。项目覆盖9省47所学校后，学生科学兴趣评分提升35%。这段经历教会我用产品思维解决社会问题，当看到孩子们用自制望远镜发现土星光环时，我理解了教育的真谛是点燃可能性。