负责公司核心生活服务App的前端架构设计与迭代，覆盖用户端核心功能模块开发、性能优化及跨端兼容，联动后端与产品团队推动需求落地

• 主导设计并实现了App首页“本地服务推荐”模块的React+TypeScript重构，针对首屏加载慢（原LCP 3.8s）的问题，采用懒加载骨架屏、按需加载Mapbox GL JS地图SDK、结合Webpack 5 Module Federation拆分公共依赖，将LCP提升至2.1s，用户停留时长增加15%；同时封装通用推荐卡片组件，复用率达75%，减少重复开发工作量30%
• 核心参与了“预约服务流程”的全链路优化，识别出表单提交失败率高（原12%）的痛点——因异步请求竞态与接口幂等性缺失，通过封装Axios拦截器统一处理错误、给接口添加UUID幂等标识、用Sentry监控定位竞态条件，将失败率降至2%，月均减少客诉量800+
• 推动前端性能监控体系升级，引入Web Vitals（LCP、FID、CLS）+ 自定义指标（服务卡片渲染耗时、数据请求成功率），搭建基于Prometheus+Grafana的实时监控看板，设置阈值预警，帮助团队提前定位并解决线上问题12起，故障响应时间从60分钟缩短至36分钟
• 主导团队前端工程化规范落地，制定ESLint（airbnb-base扩展）+ Prettier + Commitlint的代码质量管控流程，搭建私有NPM仓库管理组件库（含12个通用组件），将组件复用率从35%提升至60%，新功能开发周期从7天缩短至5.6天

负责公司电商平台用户端及商家端的前端开发与架构优化，聚焦购物车、订单流转等核心链路的高可用性建设，支撑大促期间的高并发场景

• 重点优化了“购物车合并”功能的性能与稳定性，针对大促峰值QPS 1.2w导致的接口超时问题，采用Redis缓存用户未登录状态的购物车数据、将前端多次分散请求聚合为批量接口（减少50%请求次数）、用Nginx做负载均衡，将接口响应时间从800ms降至300ms，大促期间零超时故障，支撑了单日120万订单的处理
• 主导设计了商家端“商品上架”模块的低代码编辑器，基于ProComponents+JSON Schema实现可视化配置，支持商家自定义商品属性（如尺寸、颜色）、展示逻辑（轮播图/网格图切换），将商家上架一件商品的时间从15分钟缩短至6分钟，上线后月均新增商品数增长25万件
• 解决了老年用户安卓低端机（占比18%，主要为Android 8及以下）的兼容问题：通过core-js动态加载polyfill补全ES6+ API、用IntersectionObserver替代scroll事件实现懒加载、避免CSS Grid复杂布局改用Flex，将页面渲染成功率从85%提升至98%，老年用户转化率增加10%
• 推动团队从Vue 2迁移至Vue 3，结合Vite构建工具优化开发体验：冷启动时间从12s缩短至4s，打包体积减少30%（通过Tree Shaking移除未使用代码）；同时迁移过程中封装兼容层处理Vue 2插件（如Element UI），确保业务无感知，支撑了后续秒杀、拼团等功能的快速迭代

负责公司同城服务平台的前端基础功能开发与兼容性维护，覆盖用户下单、骑手接单等核心流程，支撑业务从0到1的落地

• 独立完成了“用户下单流程”的前端开发，采用Vue.js+Vuex管理订单地址、支付方式、骑手备注等状态，解决了多步骤表单的状态同步问题，流程转化率从28%提升至35%；同时对接支付宝/微信支付接口，处理支付回调的异步状态更新，确保支付结果实时同步
• 优化了移动端页面的适配问题，针对不同分辨率设备（覆盖iOS 10+、Android 8+），使用PostCSS自动将px转换为rem（根字体大小根据屏幕宽度动态计算）、结合媒体查询调整骑手信息栏的布局，将页面显示异常率从15%降至3%，用户反馈的“页面变形”问题减少80%
• 参与搭建前端日志系统，使用Log4js收集客户端错误（JS异常、资源加载失败、接口报错），将日志同步至ELK栈（Elasticsearch+Logstash+Kibana）分析，帮助团队定位并修复了支付回调失败（因跨域 headers 缺失）、GPS定位信息获取异常（因权限未开启提示不明确）等问题，月均bug量减少50%
• 协助后端完成接口文档的编写与测试，使用Swagger生成RESTful接口文档，结合Postman编写测试用例（覆盖成功/失败场景），缩短了前后端联调时间30%，确保接口字段与前端需求一致

星途知识服务平台前端架构升级与性能优化项目

• 项目背景：知识服务平台作为公司核心业务载体，用户规模半年内增长180%，旧前端架构基于传统Vue2+Webpack，存在首屏加载超3.2秒、动态内容渲染卡顿、多端（Web/小程序/H5）代码重复率高达55%等问题，严重影响用户留存与业务拓展效率。我的核心目标是主导完成前端架构现代化重构，实现“秒开、流畅、易扩展”的体验升级，并支撑未来3年的业务增长需求。
• 解决的关键难题：1）传统SPA模式首屏加载慢，无法满足知识类内容“快速获取”的核心诉求；2）动态知识图谱节点渲染依赖主线程计算，长列表滚动帧率仅45fps；3）多端适配依赖“复制粘贴+差异修改”，开发成本高且易出BUG。
• 核心行动与创新：1）架构层面：基于Nuxt3+Vite重构SSR服务端渲染体系，结合Vue3的组合式API优化组件逻辑，将首屏静态资源加载时间压缩至1.1秒内；2）性能优化：针对知识图谱动态渲染，引入Web Workers预处理节点数据，将主线程计算量降低70%，长列表采用Vue Virtual Scroller+Intersection Observer懒加载方案，滚动帧率提升至60fps；3）跨端适配：选用UniApp Plus作为多端基础框架，封装通用业务组件库（覆盖80%的交互场景），实现“一次编码、多端运行”；4）监控体系：搭建Sentry+自定义指标的实时监控系统，跟踪关键路径（如章节加载、搜索响应）的性能数据，提前预警瓶颈问题。
• 量化成果：项目上线后，用户首屏跳出率从28%降至12%，月活用户留存率提升21%；跨端代码复用率从45%提升至78%，新功能开发周期缩短35%；长列表滚动投诉率下降40%，成为公司“高性能前端架构”的标杆案例。我个人也完成了从“业务前端”到“架构负责人”的角色转变，沉淀了《SSR在知识类应用的最佳实践》内部文档。

星途企业级Saas平台前端权限治理与低代码集成项目

• 项目背景：随着Saas平台企业客户突破1000家，旧权限系统仅支持“角色-页面”级控制，无法满足客户对“字段级、按钮级”细粒度权限的需求；同时，企业定制化需求占比达35%，传统开发模式导致定制周期长达2周，严重影响客户交付效率。我的核心目标是搭建统一的权限治理体系，集成低代码平台，实现“权限灵活配置、定制快速落地”。
• 解决的关键难题：1）旧权限模型颗粒度粗，无法适配复杂的企业组织架构（如多部门、多角色的权限继承）；2）低代码平台与现有系统的数据同步延迟，导致权限变更无法实时生效；3）权限配置依赖后端接口返回，前端无法实时预览效果。
• 核心行动与创新：1）权限体系设计：采用“RBAC（角色-based）+ABAC（属性-based）”混合模型，结合Casbin开源框架实现策略引擎，支持“用户-角色-资源-操作”四维度的细粒度控制，将权限配置粒度从“页面级”缩小至“字段/按钮级”；2）低代码集成：基于ProComponents搭建可视化低代码编辑器，通过WebSocket实现权限策略的实时同步，配置变更后1秒内更新前端组件状态；3）状态管理：用Pinia统一管理权限状态，封装“权限校验指令”（v-permission），前端组件可直接通过指令控制显示逻辑，无需手动调用接口；4）沙盒机制：设计“权限预览沙盒”，低代码编辑时可模拟不同角色的权限效果，避免线上配置错误。
• 量化成果：权限配置时间从平均2小时缩短至10分钟，定制需求开发周期缩短60%；企业客户对“权限灵活性”的满意度从62%提升至92%；权限相关Bug数量下降85%，支撑平台快速拿下3家头部企业的年度续约。此项目也让我深入掌握了权限系统的底层逻辑，成为公司Saas业务的前端核心技术骨干。

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