й星空物语н

项目一：企业级SaaS人力资源管理平台（核心开发）

项目背景与职责

该平台服务于500+中小企业，涵盖员工入转调离、薪资核算、考勤统计、绩效评估四大核心模块，需支持多终端适配（PC端+移动端H5）及12种角色的精细化权限控制。我作为前端核心开发，负责整体技术架构设计、核心功能模块编码（薪资核算引擎、考勤数据可视化）及性能优化落地。

技术难点与解决方案

1. 多角色权限动态管控：传统硬编码权限逻辑易冗余，我基于React + Zustand设计“权限中台”，将权限规则抽象为“资源-操作-角色”三元模型，通过接口动态获取当前用户权限表，自动过滤路由与页面操作按钮。上线后，权限调整无需修改代码，运维效率提升80%，支持新增角色时配置成本降低至10分钟/个。
​
2. 万级考勤数据渲染卡顿：考勤统计页面需展示单月所有员工打卡记录（最高1.2万条数据），初始渲染耗时3.2s且滚动卡顿。我采用“react-window虚拟列表”仅渲染可视区域数据，结合Web Worker异步处理数据筛选与统计，同时通过IndexedDB缓存历史数据，最终实现首屏渲染时间压缩至300ms内，滚动流畅度提升90%。
​
3. 工程化提效与质量管控：项目初期存在多人协作代码风格混乱、构建速度慢（Webpack构建需15分钟）的问题。我引入ESLint + Prettier配置强制统一代码规范，通过“husky + lint-staged”在提交代码时自动校验；将构建工具替换为Vite，结合“拆包策略（vendor/chunk拆分）”，构建时间缩短至4分钟，同时搭建GitLab CI/CD流水线，实现“提交代码→自动测试→打包部署”全流程自动化，线上BUG率降低60%。

项目成果

平台上线后稳定运行18个月，零重大前端BUG，用户满意度达95%；帮助企业HR平均每月减少40%的薪资核算时间，考勤统计效率提升3倍，成为公司SaaS产品线的核心营收模块。

项目二：移动端电商H5商城（独立开发）

项目背景与职责

为某快消品牌开发移动端电商H5，需支持商品展示、限时秒杀、购物车、支付对接（微信/支付宝）等功能，核心诉求是“极致首屏加载速度”与“秒杀场景高并发稳定性”。我独立完成从需求分析、技术选型到上线部署的全流程开发。

技术亮点

1. 跨端适配与性能优化：采用UniApp框架实现“一套代码多端运行”（H5+微信小程序），通过“路由懒加载+图片懒加载（vue-lazyload）”减少初始资源加载量；将首屏关键CSS内联，非关键JS异步加载，同时接入CDN分发静态资源，首屏加载时间从2.8s优化至1.5s内，Google Lighthouse性能评分从68分提升至92分。
​
2. 秒杀场景高并发处理：针对“秒杀商品瞬间点击量超10万次”的场景，设计“前端防抖+请求排队+本地缓存预加载”方案：用防抖限制用户1s内最多发起2次请求，通过axios拦截器实现请求队列管理，提前缓存秒杀商品基础信息至localStorage，避免重复请求。秒杀活动期间，前端请求成功率达99.8%，未出现页面崩溃或响应延迟问题，最终助力品牌单场秒杀销售额突破500万元。

项目成果

商城上线3个月累计UV达80万，转化率较品牌原官网提升25%，被客户评为“年度最佳技术合作项目”，后续又承接其会员体系H5的开发需求。

这两个项目分别覆盖了企业级SaaS系统与移动端高并发场景，能体现我在前端架构设计、性能优化、工程化落地及跨端开发的综合能力，若需查看项目Demo或技术文档，可随时提供。