中文→ EN
Zane的NFT头像

Zane

前端开发工程师 · 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。
计算机基础:了解 HTTP 原理,掌握常见数据结构和算法。
工具提效:做过 AI 提效相关工作(数据分析 BI Agent),了解 MCP、AI Agent 开发。

工作经历

北京索比咨询有限公司

前端 Team Leader · 2024.12 - 至今

技术栈:Vue3、Nuxt.js、小程序、采集 SDK、Monorepo 管理、AI 提效

  • 负责前端团队技术架构升级与管理,基于 Vue3 生态和 Nuxt.js 构建现代化应用,运用 Composition API、及 Redis 缓存显著提升性能。
  • 设计开发微信小程序和前端采集 SDK,实现跨平台业务覆盖和用户行为数据分析,为产品决策提供数据支撑。
  • 推进 Monorepo 项目管理和 AI 提效工具落地,统一多项目构建流程,通过代码生成、自动化测试等智能化手段提升团队开发效率。

汽车之家

高级前端工程师 · 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 等技术栈,实现组件化开发、接口统一管理和模块化样式体系。

项目经历

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

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

索比光伏网

Nuxt.jsVue3NginxPM2Node.jsEC2
  • 负责索比光伏网前端开发与维护,基于 Nuxt.js 构建高性能的 SSR 应用,显著提升首屏加载性能。
  • 使用 Nginx 进行反向代理和负载均衡配置,优化网站访问速度和稳定性,确保高并发场景下的服务可用性。
  • 通过 PM2 进行 Node.js 应用的进程管理和部署,实现零停机更新和自动重启,保障生产环境的稳定运行。
  • 采用 Tailwind CSS 构建一致性设计系统,实现快速样式开发,提升了 UI 开发效率和设计一致性。
  • 应用 http3 协议,提升传输效率和安全性,优化用户访问体验。

碳索新能小程序

微信小程序支付宝小程序Uniapp
  • 负责碳索新能源小程序的前端开发与维护,基于微信小程序和支付宝小程序平台构建跨平台应用,提升用户覆盖率和使用体验。
  • 使用 Uniapp 框架实现多端代码复用,显著提高开发效率和代码维护性。
  • 通过集成第三方支付和社交分享功能,丰富了小程序的功能和用户互动。
  • 优化小程序性能,提升加载速度和交互流畅度,增强用户体验。

汽车之家 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