简历

飞鹤集团星妈会多端商城、CRM 管理系统

(2025.10 - 2026.02，项目已上线)

项目简介：面向 C 端的多端商城（微信小程序 + App），包含商品销售、会员权益、内容社区、AI 智能推荐等功能。B 端覆盖商品配置、内容审核、权益活动配置及数据看板功能。

UGC社区模块

登录鉴权闭环

B端Echarts大屏可视化

混合跨端通信

全局弹窗组件

自动化埋点

灾备拦截

动态配置导航

核心技术与实现亮点

UGC 社区全栈链路开发与多端兼容优化： 统一封装兼容微信小程序与 App 的多媒体选择上传组件，针对 App 端原生 video 导致的列表滑动卡顿及黑屏痛点，采用“首帧图占位+动态切换”策略，通过 OSS 动态生成首帧，实现跨端体验一致性；独立完成发帖及评论系统（含二级回复树、消息提醒）开发，针对高频交互采用乐观更新策略提升感知度；基于 Axios 拦截器设计了 30s 智能轮询机制，在页面生命周期内动态挂载/卸载任务以实现系统消息触达。同时，在 B 端基于 ECharts 构建了多维度的用户发帖量与活跃度可视化看板，为社区运营提供精准数据支撑。

像素级还原个人信息页与性能优化：负责会员中心与个人信息页的 1:1 还原。针对 600KB+ 的高精度会员背景图，设计了 异步预加载逻辑，解决切换等级时的“瞬时空白”问题；利用 雪碧图整合权益图标，将数十个图标请求收口为单一请求，结合transform实现极速的颜色切换效果。

基于微信生态的零感知登录链路： 利用微信一键授权手机号接口，打通


                                静默注册+自动登录

闭环。通过Pinia维护内存状态以保障响应速度，同步配合localStorage 实现持久化存储，确保用户在小程序冷启动场景下的登录态无缝衔接。

未登录态的请求拦截与登录引导： 针对小程序缺失原生路由守卫的特性，在项目公共请求函数中构建了鉴权拦截逻辑。通过在拦截器中实时嗅探业务接口对用户 ID/CRM-ID 的依赖，实现未登录状态的精准识别与统一强制引导，从底层通信层面解耦业务页面的权限判定逻辑。

突破原生层级限制的全局遮罩方案： 针对小程序原生TabBar层级过高导致常规弹窗无法全屏覆盖的痛点，设计了弹窗时无缝替换虚拟Tabbar的降级方案，并基于Pinia引入全局互斥锁，彻底杜绝并发触发导致的 TabBar 永久丢失问题。

封装通用Webview桥接页：封装了一套标准化的Webview容器页，通过URL 参数动态注入与miniProgram.postMessage机制，实现了小程序/App 与第三方 H5 页面的 双向通信。实现了用户信息静默传递与H5 回调状态的实时同步，大幅降低了外部 H5 业务接入的开发成本。

灾备拦截与恢复： 在公共请求函数中构建了系统级维护拦截器。当捕获到特定维护状态码时，强制挂载“系统维护页”并阻断一切业务操作并缓存当前页面路由路径，通过覆盖原生TabBar与禁用返回操作确保拦截有效性；维护页内部 采用独立请求（避免死循环重定向）实现轮询，在后端服务恢复后自动导回原业务场景。

配置驱动的多端导航分发引擎：负责B端配置中心与C端跳转组件的闭环开发。通过设计一套声明式导航协议，实现了由后端动态控制C端跳转行为（含内部路径切换、Webview 桥接、半屏拉起第三方小程序等）。为了解决业务跳转逻辑碎片化难题，基于 TypeScript制定了严格的接口契约与跳转状态码规范。通过统一的导航函数收口所有跳转行为，内置了详尽的错误链路追踪与兜底提示，将原本散落在各处的 if-else 判断解耦，提升了业务迭代的容错率与开发效能。

AI驱动的自动化埋点架构： 针对神策埋点需求繁杂、极易漏埋的痛点，跑通基准代码后，结合产品手册提炼为 AI Agent。新需求只需输入上下文即可自动化生成规范代码，单页面埋点耗时 缩短 80% 以上并实现零拼写错误。

AI辅助React-Vue框架代码转换： 针对甲方存量React技术栈页面向Vue体系迁移的重构需求，通过手动跑通基准页面提炼核心迁移要点，并构建了一套针对性强的迁移助理Agent。利用AI 编码工具实现业务逻辑、状态管理及组件生命周期的自动化批量重写，大幅降低了框架重构的边际成本，将原本繁琐的人工迁移效率提升了数倍。

海螺集团职工福利商城、ERP 后台管理系统

(2025.06 - 2025.10，项目已上线)

项目简介：基于电商平台框架定制的集团级 ERP 系统与福利商城小程序。深度集成了商城购物、分销拓客、组合支付、智能客服、电子发票及薪资福利分发系统。

分销与砍价业务

低代码页面装修

全局下载逻辑

悟空IM即时通讯

核心技术与实现亮点

突破小程序码参数长度瓶颈： 在分销与邀请扫码场景中，由于微信scene参数受限（最大32字符），设计了 短码映射机制。由后端生成唯一短链 ID 写入二维码，前端 onLoad 钩子中异步请求换取完整路由与层级参数，实现复杂营销参数的安全解析与动态重定向。

低代码配置平台与跨端渲染闭环： 负责B端可视化装修系统开发，支持通过拖拽组件动态配置样式与跳转逻辑。采用 双套CSS隔离方案配合Flex布局实现B端预览区与C端真实页面100 %的像素级还原。C端通过动态解析JSON，实现配置驱动的UI渲染与标准化跳转分发。

高可扩展通用下载组件封装： 针对PDF及Excel小文件下载场景，封装了轻量化处理组件。采用插槽驱动 UI 以适配多样化按钮样式，并设计了类生命周期钩子（Before/After）以支持下载前后的业务逻辑自定义（如下载前的二次确认弹窗、下载完毕后的toast提示）。底层通过动态构建/销毁a标签并模拟点击触发 的方案，确保了在不同浏览器下的下载兼容性。

即时通讯(IM)状态同步性能调优： 将B端客服模块“待接待总数”的传统高频定时轮询查询，改造为基于 悟空 IM SDK队列排队钩子的事件驱动模式。仅在有新用户入列时精准触发同步请求，大幅减少无效网络开销。同时底层扩展了图片与 Emoji 富文本流的解析渲染能力。

全栈在线商城系统（毕设项目）

(2024.11 - 2025.03)

项目简介：基于 Vue3 + Node.js + Express + MySQL 独立构建的完整电商业务闭环体系。实现了商品推荐、商品搜索、商品详情、购物车、订单结算、物流跟踪、个人信息管理等核心功能。

GitHub 源码

JWT 无状态鉴权

乐观更新

原生 Fetch 封装

RBAC权限管理

个性化推荐模型

MVC 后端架构

核心技术与实现亮点

基于原生 Fetch 的JWT鉴权： 独立完成原生 Fetch 的二次封装，内置统一的全局Token注入、请求防抖、异常拦截与自动刷新逻辑，搭配双向加密确保前后端鉴权链路安全。

Tag 加权个性化推荐逻辑： 通过统计用户搜索关键词与商品标签的关联命中频次，动态计算用户兴趣权重，并以此调整搜索结果与首页推荐的排序优先级，实现精准的内容触达。

高可维护性的后端架构： 采用 TypeScript强化 Node.js 服务端类型安全，严格执行 RESTful API设计规范。采用标准MVC 架构（精细拆分路由、业务控制与持久化数据层），提升系统可维护性与扩展能力。

基于 RBAC 模型的多角色权限控制体系： 独立设计并实现了“用户-角色-权限”三层架构体系。通过后端接口动态返回权限节点，前端配合路由守卫确保了不同角色（商家/普通用户/管理员）在操作权限与数据可见性上的严格隔离。

江西绿洲源木业 ERP 系统：发票与厂商管理模块

(2024.03 - 2025.02)

项目简介：企业内部 ERP 系统的核心子模块，负责发票的日常流转与供应商信息的统一维护。

表单验证

文件流下载

ElementUI

CRUD 业务闭环

核心技术与实现亮点

发票管理与全量数据导出： 独立完成发票管理模块的前端开发，支持红票、蓝票的精准分类与日常的高频增删改查（CRUD）操作。针对业务端的数据导出需求，基于 Blob 二进制流封装了通用的文件下载函数，实现了前端无缝处理发票报表等大体积 Excel 文件的导出。

厂商管理与严格表单校验： 负责厂商管理系统的前端搭建，实现供应商信息的录入、编辑与表单提交。通过深度定制复杂的异步表单校验规则，在提交前置阶段完成数据的格式化与有效性拦截，大幅提升了后端接口的命中率与企业内部数据的准确性。

多语言国际化（i18n）开发与维护： 负责 ERP 系统的 vue-i18n 词条维护与中英文翻译映射。通过规范化多语言配置架构，实现了 UI 界面与业务提示语的无缝切换，提升了系统对不同地区员工的使用适配能力。

本简历页面的访客埋点面板