个人简介
11年前端工程师经验，双一流通信工程背景。深耕 React 生态，具备完整的大前端技术栈（Web / RN / Flutter）。参与过 Web3、AI Agent、大数据、云计算等多个技术方向，曾在华为、第三极、小西等公司担任主程及架构角色。持续关注前沿技术，以 LLM 工具链（Copilot / Claude Code）加速日常研发。
工作经历
Work ExperienceBuzzing
远程在职前端 – 主程
ReactTypeScriptAI AgentWeb3
»核心代码编写»架构构建及维护»关键技术攻关»疑难解决方案
Microcosm Labs
远程前端 – 主程
ReactNext.jsTypeScript跨平台Web3
»核心代码编写»架构构建及维护»关键技术攻关»疑难解决方案
小西
南京前端 & 专家
ReactTypeScriptFlutter2C
»核心代码编写»架构构建及维护»疑难解决方案
上海数讯
南京前端 & 架构
ReactTypeScript云计算2B
»核心代码编写»架构构建及维护»系统设计»疑难解决方案
第三极
南京大前端 – 主程 & PM & 架构
ReactReact NativeTypeScript跨平台服务端渲染Web3
»架构构建及维护»核心代码编写»项目交付全流程管理»疑难解决方案
华为
南京前端 – 主程 & PM
ReactjQueryVueJavaScript大数据流媒体2C
»核心代码编写»架构构建及维护»疑难解决方案»技术探索及布道
项目经历
Project Experience以下记录较为典型且完整参与的项目，历份工作期间较为重复性的项目不做赘述。
预测市场
技术选型架构设计前端核心代码代码审核
Web 端基于 React + TS 为核心构建，已完成 Next.js 迁移，生产环境尚未部署。为满足 C 端低门槛无感知的要求，基于 EVM 生态集成目前成熟解决方案，配合 privy + permissionless (AA 钱包)，实现账户抽象的无缝体验。项目使用 motion、recharts 以及 SVG 优化，满足高标准的用户体验要求。产品呈现对标 Polymarket 和 Kalshi。编码过程中使用 Claude Code 等 LLM 辅助开发和代码审核以增效。
ReactNext.jsTypeScriptVite 7wagmiprivy+5
基于 AI Agent 的预测市场
技术选型架构设计前端核心代码代码审核
Web 端基于 React + TS 为核心构建。基于 EVM 生态集成目前成熟解决方案，满足多链多钱包多端多分辨率的使用场景（base、sol、monad 等）。为满足 C 端交互和 Agent 思考过程 workflow 的良好体验，项目使用大量动画（motion、lottie 等），集成 WebSocket 以及 SVG 优化。产品呈现对标 Polymarket 和 Grok。解决业务实施过程中的各种疑难杂症。编码过程中使用 Copilot 等 LLM 辅助开发和代码审核以增效。
ReactTypeScriptVite 7wagmiprivy/paramotion+3
TON 链 DEX + Telegram Mini App
架构设计前端代码编写代码审核
React 项目基于 TonConnect + Vite + TS 为核心构建，CI/CD 使用 GitHub Actions workflow + Terraform 自动化部署。多分辨率适配满足多端使用同一套代码（拆除 Tailwind 后重写原子 Less）。使用多种手段改善用户体验。同时提供 Telegram Mini App（@layerpixel_bot）和 layerpixel.io 两个入口。编码过程中使用 Copilot 等 LLM 辅助以增效。
ReactTypeScriptVite 5TonConnectLess（原子化）vitest+3
海牛加速器 & 回国加速器
2C为国内游戏玩家 / 海外影视用户提供高质量网络加速服务
架构设计前端代码编写代码审核
基于 Flutter 为核心构建。项目 UI 通用组件由高保真审核过程中预先封装，保证视觉还原度。应对网络加速工具的特殊场景，对三方库（UI、http 等）进行使用场景下的深度优化（交互响应、I/O 效率和渲染性能等）。架构设计满足换皮包需求，支持快速白标交付。
FlutterDart
CMP 运管平台
2B整合阿里云、华为云等多云资源的一体化统一管理系统
需求评审开发计划制定技术选型架构设计前端代码编写代码审核
基于 React + Mobx/Redux + Next.js + TS 为核心构建。项目 UI 组件构建时基于 Ant Design Pro 统一封装。v1 稳定之后，基于业务需求定制 UI 组件（网络拓扑结构一图构建云服务等）。通过服务端渲染、业务代码分包及 Service Worker 等方案，强化用户体验和提高系统易用性。
ReactNext.jsTypeScriptMobxReduxAnt Design Pro+3
跨链网站 / 浏览器插件
Web3基于 MetaMask / WalletConnect，为 FIBOS 链及主流链提供跨链交易平台与工具
需求评审开发计划制定技术选型前端代码编写代码审核
基于 React + TS + pre-render 为核心构建。基于区块链使用特性，为钱包用户们提供跨链工具以满足各种合约使用需求，并匹配特定场景（H5 + 浏览器插件双形态）。支持 BTC、ETH、EOS、FIBOS 等主流链。
ReactTypeScriptVite 2MetaMaskWalletConnectpre-render+2
IMAP 大数据分析平台
2B/2G汇集多数据源的大数据分析平台，服务携程、途牛、拉卡拉、江苏省电信网络中心等
系统设计技术选型前端核心代码
基于 Angular v1.x 构建大数据分析平台。通过 Web 服务端（Node.js）收集消费底层数据，与 Elasticsearch 集群通信，将元数据通过 Logstash 收集，经聚合后使用数据可视化技术（d3.js、SVG、canvas、Echarts v2.x、Highcharts 等）提供大量直观分析图表（桑基图、雷达图、热力图、地图、散点图、矩形树图等）。结合集群实时监测信息实现大屏展示、智能分析和智能运维。服务对象包括路由器镜像口抓包分析、持久监控、日志挖掘、DDOS 实时预警等场景。
Angular 1.xNode.jsElasticsearchLogstashd3.jsEcharts 2.x+6
DEX 数字资产交易管理平台
Web3去中心化交易所，含链上交易、挂单、盘口深度、多时间维度 K 线等功能
需求评审开发计划制定技术选型架构设计前端核心代码代码审核
基于 React + Mobx State Tree + Ant Design + Ant Motion 为核心构建。深度优化首屏加载和页面性能：前端打包文件分割、云部署 + CDN、元数据计算优化、业务模型树结构优化。视图组件与业务代码高度分离。AWS（香港）+ CDN 部署：无缓存首屏可见 < 1s，DOM 加载 < 2.5s；有缓存首屏 < 100ms，DOM 加载 < 1.5s。
ReactMobx State TreeAnt DesignAnt MotionTypeScriptWebpack 4/5+3
TOK 交易所
Web3去中心化资产交易平台，提供稳定便捷的交易服务
需求评审开发计划制定技术选型架构设计前端代码编写代码审核
基于 React + Redux + TypeScript 为核心构建。项目 UI 组件构建时基于 Ant Design 统一封装。通过服务端渲染（SSR）、业务代码分包及 Service Worker 等方案，强化用户体验和提高系统易用性。
ReactReduxTypeScriptAnt DesignSSRVite 2+3
技术栈
SkillsFrontend
ReactNext.jsTypeScriptJavaScriptViteWebpackTailwind CSSLessAngularVuejQuerymotion / Framer Motionlottied3.jsEchartsHighchartsrechartsSVG 动效WebSocketService Worker
Mobile
React NativeFlutter / DartReact NavigationAnt Design Mobile
Web3
wagmiTonConnectMetaMaskWalletConnectprivypermissionless (AA 钱包)EVM 生态TON 链FIBOS 链DApp 开发跨链桥DEX
Backend & Data
Node.jsElasticsearchLogstashAWSCDNSSRTerraformGitHub Actions CI/CD
Architecture & Tools
Mobx / Mobx State TreeReduxAnt Design ProvitestjestTSLint / ESLintClaude CodeGitHub Copilot技术选型架构设计系统设计PM & 项目交付