负责企业级SaaS产品「云智协同平台」的前端架构设计与核心功能落地，支撑多租户、跨部门协作场景，聚焦性能优化、工程化提效及用户体验升级。

• 主导设计基于Vite+React18的前端微服务架构，结合@originjs/vite-plugin-federation实现动态模块加载与多租户权限隔离，解决传统单仓库构建慢、迭代耦合问题——构建时间从12分钟压缩至3分钟，部署频率提升75%，支撑每月10+个租户的功能定制需求。
• 核心参与「用户工作台」重构项目，采用React Query管理异步状态、SWR实现数据预取与缓存，优化列表页数据同步延迟问题——接口请求次数减少40%，页面首屏加载速度从2.8秒降至1.1秒，用户操作留存率提升22%。
• 针对复杂业务表单场景，封装基于JSON Schema的动态表单组件库，集成Ant Design Form与可视化配置工具，支持运营人员拖拽生成合同审批、项目立项等10+类表单——研发搭建时间从1天缩短至2小时，表单填写错误率下降65%。
• 推动前端监控体系落地，集成Sentry+自研性能埋点SDK，实现JS错误、白屏时间、接口耗时的全链路追踪；建立错误告警阈值与根因分析模板——线上故障定位时间从45分钟缩至10分钟内，季度故障次数减少50%。

负责C端生活服务平台「小楷本地」的前端开发，聚焦用户增长与转化，优化首页、商品详情页等核心路径的性能与交互体验。

• 重点优化首页与商品详情页加载性能，采用图片懒加载（Intersection Observer API）、WebP格式+CDN动态裁剪、Service Worker离线缓存策略——首屏加载时间从3.5秒降至1.3秒，页面跳出率下降28%，日均转化订单量提升18%。
• 主导重构「用户积分商城」模块，用Vue3+Pinia替换旧版jQuery实现，解决实时积分更新延迟、兑换流程卡顿问题——兑换成功率从62%提升至89%，积分消耗率提升35%，带动用户月活增长15%。
• 解决移动端兼容性痛点：针对安卓低版本浏览器（Chrome 50以下）的flex布局错乱、ES6语法报错问题，引入Babel Polyfill+PostCSS Autoprefixer，配合BrowserStack自动化测试覆盖10+款机型——兼容性投诉率下降80%，用户满意度提升20%。
• 参与前端工程化建设，搭建基于Vue CLI的私有npm仓库与GitLab CI/CD pipeline，实现代码提交自动lint（ESLint+Prettier）、单元测试（Jest）及Docker部署——构建失败率从12%降至2%，团队协作效率提升40%。

负责公司官网及内部运营系统的开发维护，支撑市场推广与活动运营，保障页面兼容性与功能稳定性。

• 独立完成官网重构，采用HTML5语义化标签+CSS3 Flex/Grid布局实现响应式设计，兼容IE11及以上及现代浏览器——官网Alexa移动端排名从第1200名升至第300名，PV量季度增长50%，助力品牌曝光提升。
• 开发「活动运营系统」，用jQuery+Bootstrap实现活动页面快速搭建与数据统计功能，支持运营人员自定义规则、奖品设置——活动上线周期从3天缩至1天，单场活动参与量提升35%，降低运营人力成本40%。
• 解决IE浏览器兼容问题：针对CSS属性前缀缺失、ES6 Promise未定义等场景，编写IIFE封装Polyfill，配合条件注释加载兼容脚本——确保活动页面在IE下的正常显示，投诉率为0。
• 主导团队内部技术分享，讲解JavaScript闭包、原型链、异步编程等基础知识点，整理《前端常见问题排查手册》——帮助3名新人快速上手，团队代码质量评分从75分提升至88分。

星途企业协作平台3.0前端架构重构与性能优化

• 原有平台基于Vue2+Webpack构建，随业务覆盖从10个行业扩展至30+，出现首屏加载慢（平均3.2s）、万级数据表格操作延迟超800ms、多端适配成本高（月耗时超20人天）等问题，无法支撑企业客户对高效协作的需求。我主导前端架构升级全流程，从技术选型到落地推广，目标打造高性能、高复用、跨端一致的前端基座。
• 面临三大核心挑战：一是Vue2 Options API导致组件逻辑冗余，Webpack构建速度慢（全量打包12分钟），依赖冗余率35%；二是多端适配依赖媒体查询，不同设备交互一致性差；三是万级数据表格未做性能优化，DOM节点过多引发渲染卡顿。
• ① 技术选型升级至Vue3+Vite+Pinia，用Composition API拆分通用业务逻辑（如权限校验、数据请求），封装组件时通过Tree-shaking减少冗余；② 构建层用Vite替换Webpack，自定义插件实现第三方库按需加载（如Element Plus拆分为10+ chunk），构建时间缩至2分钟；③ 多端适配引入“原子化样式+响应式断点工具”，基于Tailwind CSS定义基础样式，结合JS函数动态调整布局（如移动端隐藏侧边栏改底部导航）；④ 表格组件采用Vue3适配的react-virtualized做虚拟滚动，仅渲染可视区域DOM，同时用Web Worker处理数据排序/过滤，避免阻塞主线程。
• 重构后平台首屏加载降至1.1s（提升65.6%），复杂交互延迟降低70%，多端适配成本下降40%；封装的通用组件库复用率达75%，覆盖80%业务页面；支撑用户量从50万增长至120万，企业客户续费率提升22%，成为公司ToB业务核心前端基座。

星途电商直播平台实时互动前端系统研发

• 公司切入直播电商赛道，需搭建支持10万+并发的实时互动系统，核心功能包括弹幕、点赞、连麦、优惠券发放。我负责互动模块前端设计，解决高并发延迟、流畅性及多端一致性问题。
• 挑战集中在三方面：传统WebSocket高并发下消息堆积（峰值5万条/秒），弹幕延迟超500ms；点赞动画需兼顾效果与性能，避免DOM操作阻塞；Web端WebRTC兼容性差（如Safari适配），多端交互不一致。
• ① 弹幕用“WebSocket+Redis队列”分片发送（100条/批），客户端做优先级策略（主播回复优先，普通消息合并）；② 点赞用CSS3关键帧动画+requestAnimationFrame保证流畅，计数逻辑放入Web Worker；③ 连麦以WebRTC为主、RTMP兜底，用adapter.js适配Safari，信令服务器实现端到端连接；④ 多端用Flutter Web做渲染层，保证交互一致，通过WebSocket同步状态。
• 弹幕延迟降至150ms内，点赞帧率稳定60fps，连麦成功率99.5%；支撑双11峰值12万并发，互动率达38%（提升45%）；系统成为平台核心功能，助力直播GMV月均增长28%。

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