中文→ EN
Rookie的NFT头像

Rookie

前端开发工程师 · 8年经验 · 32岁

专业技能

前端框架:熟悉 React、Vue 及同构框架(如 Next.js、Nuxt.js)。
前端工程化:推动团队工程化落地,掌握 Monorepo、CLI开发、私仓管理、AI 提效及大规模项目优化。
状态管理与样式:使用 Atomic State (Jotai) 和 Tailwind CSS 进行开发。
微前端:熟悉路由集成、iframe、Web Components、Module Federation、Single-spa 等方案。
性能优化:前端性能优化,参与性能、错误 SDK 设计,优化静态资源加载速度。
前端与区块链交互:用过 Ethers、Wagmi、Rainbowkit、TypeChains,了解 BTC 和以太坊,能读懂 Solidity。
DeFi生态:了解 UniSwap、Compound、DeFiLambda 等 DeFi产品。
架构设计:了解 IOC 框架及 OOP 编程思想。
自动化测试:写过自动化测试代码,使用 Jest、Cypress 进行测试设计。
云与基础设施:了解 AWS、阿里云、Cloudflare 弹性云架构、Docker、Nginx、CDN。
前端图形学:接触过 WebGPU、Babylon.js、Three.js、WASM。
工具提效:做过 AI 提效相关工作(数据分析 BI Agent),了解 MCP、Skill、AI Agent 开发。

工作经历

Weex 交易所

高级前端工程师 · 2024.12 - 至今

技术栈:React、Vue、监控、NPM 私仓、性能优化

  • 参与交易所前端核心业务开发,基于 React 和 Vue 构建行情展示、交易下单等核心模块,保障页面高性能与稳定运行。
  • 建设前端监控体系,接入错误监控与性能采集 SDK,实现异常实时告警与核心页面性能指标持续治理。
  • 搭建 NPM 私仓,沉淀公共组件库与工具包,规范团队依赖管理,提升多项目复用效率。
  • 主导前端性能优化专项,通过 SSR、图床服务、代码分割等手段显著提升页面加载速度与用户体验。

汽车之家

高级前端工程师 · 2019.03 - 2024.11

技术栈:React、Next.js、Immer、Nginx、Docker、性能监控与治理、微前端、低代码平台、前端工程化、前端性能优化、TypeScript、Jotai、Tailwind CSS、React Hooks

  • 负责汽车之家核心业务前端开发,基于 React 和 Next.js 构建高性能 Web 应用,运用 Immer 和 Jotai 进行状态管理优化。
  • 主导微前端架构设计、性能监控治理平台建设和低代码平台开发,推进前端工程化体系构建。
  • 使用 Docker 容器化部署和 Nginx 负载均衡确保应用稳定性,深度应用 TypeScript 和 Tailwind CSS 提升开发效率。

北京链商电子商务有限公司

前端工程师 · 2018.03 - 2019.03

技术栈:Vue2、Vuex、Vue-Router、Webpack、小程序、Element UI、Axios、ECharts

  • 负责公司电商平台前端开发与维护,基于 Vue2 全家桶和微信小程序构建完整的用户购物体验。
  • 运用 Vuex 状态管理、Vue-Router 路由系统和 Webpack 构建优化,建立高效的前端开发架构。
  • 集成 Element UI、ECharts 和 Axios 等技术栈,实现管理后台、数据可视化和接口统一管理。

北京一九易电子商务有限公司

前端工程师 · 2017.01 - 2018.03

技术栈:Vue2、Vuex、Vue-Router、Webpack、Element UI、Axios、Less/Sass、ESLint

  • 负责公司电商平台前端开发与维护,基于 Vue2 全家桶构建完整的用户交互界面和业务功能模块。
  • 运用 Vuex 状态管理、Vue-Router 路由系统和 Webpack 构建优化,建立高效的前端开发架构。
  • 集成 Element UI、Axios 和 Less/Sass 等技术栈,实现组件化开发、接口统一管理和模块化样式体系。

项目经历

Weex 交易所 · 加密交易核心业务平台

ReactVueWebSocketTypeScriptTradingviewNPM 私仓Sentry
  • 负责现货、合约交易核心页面开发,基于 WebSocket 实现毫秒级行情推送与订单簿实时更新,集成 TradingView K 线图表,支撑高频交易场景下的流畅交互体验。
  • 搭建前端监控体系,接入 Sentry 错误监控与性能采集 SDK,覆盖 JS 异常、接口超时、页面白屏等核心指标,实现异常告警,缩短线上故障平均定位时间。
  • 主导性能优化专项,通过 SSR 首屏直出、路由懒加载、资源分包及图床 CDN 加速,显著提升核心站点指标。
  • 搭建团队 NPM 私仓,建立公共包发布、版本管理与权限控制规范,统一多项目依赖治理,显著提升代码复用率与跨项目协作效率。

基于区块链的去中心化教育平台

Next.jsReactEthers.jsWagmiSolidityTypeScriptTailwind CSSWebpack
  • 主导开发基于 Web3 的去中心化应用,运用 Wagmi 与以太坊区块链进行交互,成功实现钱包连接和智能合约调用,显著提升用户交互体验。
  • 利用 Next.js 构建高效的 SSR 应用,有效增强首屏加载性能,优化用户访问效率。
  • 结合 Tailwind CSS 实现快速迭代与设计一致性,促进项目开发效率和代码质量。
  • 通过精细化配置 Webpack,优化打包流程,显著减少应用体积,提高在低带宽环境下的性能表现,增强用户体验。

汽车之家 Web 性能监控与治理平台

ReactTypeScriptNode.jsKafkaElasticsearchHivePrometheus
  • 设计并实现了一个全面的前端性能监控与治理平台,涵盖性能数据采集、存储、分析和可视化展示,提升了网站的整体性能表现。
  • 采用高效的数据采集技术,确保性能数据的准确性和实时性,为后续分析提供坚实基础。
  • 利用现代数据存储解决方案,优化了数据存储和检索效率,提升了系统的响应速度。
  • 通过数据分析和可视化工具,帮助团队深入理解性能瓶颈,制定有效的优化策略,显著提升用户体验。

汽车之家微前端架构设计与实现

ReactVue无界TypeScript
  • 设计并实施了基于无界路由的微前端架构,成功实现了多个独立子应用的无缝集成与协同工作,提升了系统的可维护性和扩展性。
  • 通过模块化设计和动态加载技术,优化了应用的加载速度和性能,显著提升了用户体验。
  • 制定了统一的通信协议和数据共享机制,确保各子应用之间的高效协作和数据一致性。
  • 提供了详细的技术文档和培训,帮助团队成员快速掌握微前端架构的设计理念和实现方法。

汽车之家低代码平台开发

Next.jsImmer.jsTypeScript
  • 领导并实施了低代码平台的开发项目,成功构建了一个支持可视化拖拽和组件化开发的前端系统,显著提升了开发效率和用户体验。
  • 设计并实现了灵活的组件库和模板系统,支持多样化的业务需求和快速迭代。
  • 通过集成先进的状态管理和数据绑定技术,确保了平台的高性能和稳定性。
  • 提供了完善的文档和培训资源,帮助用户快速上手并充分利用平台功能。
  • 设计并实现了模块商店功能,支持用户浏览、搜索和安装各类前端组件和插件,提升了平台的扩展性和用户体验。

汽车之家海外站

ReactNext.jsi18nextNginxMUIAWSCloudFrontLambda Edge
  • 负责汽车之家英、德站前端开发与维护,基于 React 和 Next.js 构建高性能的 SSR 应用,显著提升网站的国际化支持和用户体验。
  • 通过 Nginx 进行反向代理和负载均衡配置,优化网站访问速度和稳定性,确保高并发场景下的服务可用性。
  • 采用 MUI 组件库构建一致性设计系统,实现快速样式开发,提升了 UI 开发效率和设计一致性。
  • 应用 http3 协议,提升传输效率和安全性,优化用户访问体验。
  • 应用 webp、avif 等现代图像格式,优化图片加载性能,提升页面渲染速度。

北京链商电子商务有限公司 电商平台开发

Vue2VuexVue-RouterWebpack
  • 参与并主导了电商平台的前端开发工作,成功构建了一个高性能的用户界面,提升了用户购物体验。
  • 设计并实现了灵活的组件化架构,支持多样化的业务需求和快速迭代。
  • 通过集成第三方支付和物流服务,优化了用户的购物流程和服务体验。

北京一九易电子商务有限公司 无人便利店系统开发

Vue2VuexVue-RouterWebpack
  • 参与了公司无人便利店系统的前端开发工作,成功实现了多个关键功能模块。
  • 设计并实现了交互效果,确保了网站的良好表现。
  • 通过优化代码结构和引入自动化构建工具,提升了开发效率和代码质量。

教育经历

中国矿业大学银川学院

机械设计及自动化 本科 · 2012.09 - 2016.06