精通现代前端工程化体系与跨端解决方案,具备扎实的JavaScript/TypeScript语言基础与丰富的实战经验。在框架层面,深入掌握Vue2/3及其生态(Vue Router、Vuex/Pinia、 Composition API),同时具备Angular(RxJS、依赖注入)的大型项目开发能力,能根据业务场景灵活选型。在跨端与移动端领域,熟练使用uni-app实现一套代码多端发布(小程序、H5、App),并独立完成过原生微信小程序、支付宝小程序的完整开发,熟悉各平台差异与兼容处理。对于H5移动端,精通视口适配、响应式布局、Hybrid混合开发及JSBridge交互。
工程化与性能优化方面,擅长使用Webpack/Vite进行构建配置与打包优化(代码分割、Tree Shaking、缓存策略),并能结合Chrome DevTools、移动端调试工具进行断点调试、内存泄漏排查及运行时性能调优(首屏加载、重绘重排、事件防抖节流)。对前端标准化与协作流程亦有实践,包括ESLint/Prettier代码规范、Git Flow、Jest单元测试及组件库二次封装。此外,熟悉HTTP缓存、CDN加速、图片懒加载、Service Worker等常见性能优化手段,致力于构建高可用、高体验的Web应用。
项目一:吉客云 SaaS ERP 系统
项目概述
吉客云是一站式企业数字化SaaS解决方案,覆盖ERP、WMS、OMS、TMS、供应链、财务、BI等19个子系统、210个功能模块及1200+功能点,深度适配电商、跨境、零售、制造业等全行业场景,累计服务超10万+企业客户。该系统采用云原生架构,后端由300多个独立微服务组成,前端支持Windows/Mac/iOS/安卓/小程序等多端运行。我作为核心前端开发,深度参与了订单管理、仓储作业、数据分析、业财一体化等核心模块的前端建设,负责前端架构演进与性能优化体系搭建。
前端技术栈与架构
本系统采用Vue 3 + TypeScript + Pinia + Vite作为核心技术栈,同时维护Vue 2遗留模块并设计渐进式升级方案。前端模块化基于Monorepo + pnpm workspace + Element Plus/Naive UI组件库,构建了覆盖19个子系统的组件化开发体系。移动端采用uniApp跨端框架,实现了iOS/安卓App及多个小程序端的一码多端发布,所有端共用同一套业务逻辑层和API服务层。
核心贡献
多端协同架构:设计了面向不同运行环境的统一路由/状态/鉴权机制,支撑Windows/Mac/浏览器、iOS/安卓及小程序等多端统一发布与同步迭代;针对不同终端特性差异化实现离线数据缓存和增量更新策略
业财一体化的复杂表单体系:开发了可配置的动态表单引擎,支持财务凭证自动生成、批量化账务处理及高密度数据填报场景;针对多币种结算、批次成本核算等业务场景,设计了级联校验、批量填充与公式计算链路,显著提升了财务人员操作效率
高性能数据可视化方案:基于BI数据驾驶舱,搭建了1000+可视化数据组件的按需加载方案,设计了大数据量场景下的表格虚拟滚动、图表懒加载与数据预取策略,保障报表查询类页面的首屏加载速度和交互流畅度
性能优化体系:构建了以Lighthouse + Web Vitals为核心的全链路监控基准,实施路由懒加载、组件异步加载与CDN资源优化等策略,将核心首屏FCP/FID/LCP指标控制在2秒内;针对电商大促场景,实现了关键页面的秒杀级数据自动轮询及重绘优化
难点突破
针对电商大促期间订单批量处理场景,自研了队列化渲染与批量数据异步分片机制,解决了万级订单一次性渲染导致的页面卡顿问题;设计柔性防抖链路优化自动查询脚本,避免了高频请求对后台的瞬时峰值压力
业务模块高度耦合背景下,设计了多版本共存的用户级功能灰度发布机制,实现了新旧模块的无缝跳转与平滑替换
针对全渠道库存中枢、动态安全库存算法以及物流多商比价策略等实时数据业务场景,设计前端动态容错与多级缓存方案,保障了弱网环境下的数据完整性与业务可操作性
项目二:结构性存款数字化系统
项目概述
结构性存款数字化系统是一款面向商业银行的金融财富管理平台,旨在为金融机构提供从产品创设、销售管理、衍生品交易到存续期管理与监管报送的全流程自动化服务。系统支持封闭式、周期式、开放式及敲出式等多种产品形态,挂钩标的覆盖利率、汇率、股票指数及大宗商品等。我主要负责系统前端架构设计与核心模块研发,主导了金融机构入驻、产品全生命周期管理、交易撮合与风控面板等复杂业务模块的前端工程。
前端技术栈与架构
本项目前后端分离,核心框架采用Vue 3 + TypeScript + Pinia + Vite,UI体系基于Ant Design Vue,配套ECharts/G2实现金融数据可视化。应用级状态通过Pinia进行模块化、持久化封装,构建系统支持多环境配置、代码分割与Tree Shaking。网络层基于Axios二次封装,实现了全局请求幂等控制、并发请求调度及接口防刷机制。系统复杂度较高,因此设计了完整的前端权限体系(RBAC)和动态路由加载方案,支撑总行、分行、客户等多角色对功能视图和数据范围的差异化访问控制。
核心贡献
金融产品工作台搭建:设计并实现了支持多种结构化产品(封闭式/开放式/敲出式)的前端配置系统,完成产品发行、参数录入、收益情景分析、风险分级及保本标示的前后端一体化链路,降低了金融机构产品上线的时间成本和操作风险
交易与定价模块前端实现:主导开发了存款产品定价、衍生品交易定盘与行权的自动化前端界面,实现客户收益兑付实时计算与展示;开发了衍生产品组合的交互式前端编辑器,支持挂钩标的指标、期权类型、阈值条件的动态配置与可视化校验
多渠道销售终端建设:负责PC后台、手机银行H5及柜台系统的前端布局,通过响应式方案与组件复用库极大降低了跨渠道多屏适配成本;打通多终端业务数据流转壁垒,提升了零售、企金等各条线的协
因与公司签署保密协议,无法提供项目界面截图,以下为纯文字技术阐述。 项目背景:吉客云是一站式企业数字化SaaS平台,覆盖ERP、WMS、OMS、TMS、供应链、财务、BI等19个子系统、210个功能模块、1200+功能点,服务超10万家企业。我作为核心前端开发,深度参与订单
因与公司签署保密协议,无法提供项目界面截图,以下为纯文字技术阐述。 项目背景:该系统服务于商业银行,提供从产品创设、销售管理、衍生品交易到存续期管理与监管报送的全流程自动化服务。支持封闭式、周期式、开放式及敲出式等产品形态,挂钩标的覆盖利率、汇率、股票指数及大宗商品。我主导