框架与语言:精通 TypeScript、ES2023,深度掌握 React 18(Hooks、Suspense、Server Components)、Next.js 13/14(App Router、ISR、Streaming SSR)、Vue3(Composition API、Pinia)、SvelteKit;
工程化:主导基于 Vite、Webpack5、Rspack 的构建链路优化,落地 Monorepo(Turborepo + PNPM)与微前端(qiankun、Module Federation、Single-SPA),实现 70% 构建提速与独立部署;
性能与体验:熟练使用 Chrome DevTools、Lighthouse、WebPageTest 进行性能诊断,通过代码分割、懒加载、SSR/SSG、PWA、Service Worker 将核心指标 LCP/FID 提升 40%;
可视化与互动:基于 D3、ECharts、Three.js、WebGL、PixiJS 完成 3D 大屏与数据可视化;
质量与协作:搭建 Jest、Vitest、Cypress、Playwright 自动化测试矩阵,制定前端规范(ESLint、Prettier、Husky、Conventional Commits),推动 Design Token 与 Figma 设计系统一体化。
项目一:某头部券商财富管理平台重构
角色:前端技术负责人
技术:Next.js 14、TypeScript、Tailwind CSS、React Query、Zustand、Micro-Frontend、Module Federation
亮点:将原有 80+ 页面巨石应用拆分为 6 个独立子应用,构建时间从 12 min 降至 3 min;SSR + Streaming 使首屏 LCP 由 4.2 s 降至 1.5 s。
项目二:某连锁零售数字门店 3D 互动大屏
角色:核心开发
技术:Three.js、WebGL、GSAP、React、WebSocket、Canvas2D
亮点:基于门店实时 POS 数据构建 3D 热力图与商品流动画,支持 4K 分辨率 60 fps 渲染;使用 InstancedMesh 优化 5 万个 SKU 模型,GPU 占用下降 40%左右;项目覆盖 300+ 门店。
项目三:低代码可视化搭建平台
角色:架构师
技术:Monorepo、Vite、React、Recoil、AST 解析、Babel、ESBuild
亮点:设计 JSON Schema 驱动的页面描述协议,支持 120+ 原子组件与 30+ 业务模板;通过 AST 实时转译实现所见即所得,代码产物可直接部署至 CDN;平台上线半年内支撑 12 条业务线、200+ 运营人员零代码发布活动页
项目一:某头部券商财富管理平台重构 角色:前端技术负责人 技术:Next.js 14、TypeScript、Tailwind CSS、React Query、Zustand、Micro-Frontend、Module Federation 亮点:将原有 80+ 页面巨石应用
项目一:某头部券商财富管理平台重构 角色:前端技术负责人 技术:Next.js 14、TypeScript、Tailwind CSS、React Query、Zustand、Micro-Frontend、Module Federation 亮点:将原有 80+ 页面巨石应用