EN→ 中文
Zane's NFT Avatar

Zane

Frontend Engineer · 8 Years Experience · Age 32

Telegram: @Zane_82Email: ax872285@gmail.com

Professional Skills

Frontend Frameworks:Proficient in React, Vue and isomorphic frameworks (Next.js, Nuxt.js).
Frontend Engineering:Drove team engineering implementation, mastered Monorepo, CLI development, private repository management, AI productivity enhancement, and large-scale project optimization.
State Management & Styling:Developed using Atomic State (Jotai) and Tailwind CSS.
Micro-Frontends:Familiar with routing integration, iframe, Web Components, Module Federation, Single-spa solutions.
Performance Optimization:Frontend performance optimization, participated in performance and error SDK design, optimized static resource loading speed.
Frontend & Blockchain Integration:Experience with Ethers, Wagmi, Rainbowkit, TypeChains, understanding of BTC and Ethereum, able to read Solidity.
DeFi Ecosystem:Familiar with DeFi products like UniSwap, Compound, DeFiLambda.
Architecture Design:Understanding of IOC frameworks and OOP programming concepts.
Automated Testing:Experienced in writing automated testing code, using Jest and Cypress for test design.
Cloud & Infrastructure:Understanding of AWS, Alibaba Cloud, Cloudflare elastic cloud architecture, Docker, Nginx, CDN.
Frontend Graphics:Experience with WebGPU, Babylon.js, Three.js, WASM.
Computer Fundamentals:Understanding of HTTP principles, mastered common data structures and algorithms.
Productivity Tools:Experience in AI productivity enhancement (data analysis BI Agent), understanding of MCP, AI Agent development.

Work Experience

Beijing Sobi Consulting Co., Ltd.

Frontend Team Leader · Dec 2024 - Present

Tech Stack: Vue3, Nuxt.js, Mini Programs, Data Collection SDK, Monorepo Management, AI Productivity Enhancement

  • Led frontend team technical architecture upgrade and management, built modern applications based on Vue3 ecosystem and Nuxt.js, utilizing Composition API and Redis caching to significantly improve performance.
  • Designed and developed WeChat Mini Programs and frontend data collection SDK, achieving cross-platform business coverage and user behavior data analysis to support product decision-making.
  • Advanced Monorepo project management and AI productivity enhancement tools implementation, unified multi-project build processes, and improved team development efficiency through intelligent methods like code generation and automated testing.

Autohome Inc.

Senior Frontend Engineer · Mar 2019 - Nov 2024

Tech Stack: React, Next.js, Immer, Nginx, Docker, Performance Monitoring & Governance, Micro-Frontends, Low-Code Platform, Frontend Engineering, Frontend Performance Optimization, TypeScript, Jotai, Tailwind CSS, React Hooks

  • Responsible for core business frontend development at Autohome, built high-performance web applications based on React and Next.js, optimized state management using Immer and Jotai.
  • Led micro-frontend architecture design, performance monitoring governance platform construction, and low-code platform development, advancing frontend engineering system construction.
  • Used Docker containerized deployment and Nginx load balancing to ensure application stability, extensively applied TypeScript and Tailwind CSS to improve development efficiency.

Beijing Lianshang E-commerce Co., Ltd.

Frontend Engineer · Mar 2018 - Mar 2019

Tech Stack: Vue2, Vuex, Vue-Router, Webpack, Mini Programs, Element UI, Axios, ECharts

  • Responsible for company e-commerce platform frontend development and maintenance, built complete user shopping experience based on Vue2 ecosystem and WeChat Mini Programs.
  • Utilized Vuex state management, Vue-Router routing system, and Webpack build optimization to establish efficient frontend development architecture.
  • Integrated Element UI, ECharts, and Axios tech stack to implement admin dashboard, data visualization, and unified API management.

Beijing Yijiuyi E-commerce Co., Ltd.

Frontend Engineer · Jan 2017 - Mar 2018

Tech Stack: Vue2, Vuex, Vue-Router, Webpack, Element UI, Axios, Less/Sass, ESLint

  • Responsible for company e-commerce platform frontend development and maintenance, built complete user interaction interfaces and business functional modules based on Vue2 ecosystem.
  • Utilized Vuex state management, Vue-Router routing system, and Webpack build optimization to establish efficient frontend development architecture.
  • Integrated Element UI, Axios, and Less/Sass tech stack to implement component-based development, unified API management, and modular styling system.

Project Experience

Blockchain-based Decentralized Education Platform

Next.jsReactEthers.jsWagmiSolidityTypeScriptTailwind CSSWebpack
  • Led development of Web3-based decentralized applications, utilized Wagmi to interact with Ethereum blockchain, successfully implemented wallet connection and smart contract calls, significantly enhancing user interaction experience.
  • Built efficient SSR applications using Next.js, effectively enhanced first-screen loading performance, optimizing user access efficiency.
  • Combined with Tailwind CSS to achieve rapid iteration and design consistency, promoting project development efficiency and code quality.
  • Through fine-tuned Webpack configuration, optimized build processes, significantly reduced application size, improved performance in low-bandwidth environments, and enhanced user experience.

Sobi PV Network

Nuxt.jsVue3NginxPM2Node.jsEC2
  • Responsible for Sobi PV Network frontend development and maintenance, built high-performance SSR applications based on Nuxt.js, significantly improving first-screen loading performance.
  • Used Nginx for reverse proxy and load balancing configuration, optimized website access speed and stability, ensuring service availability under high concurrency scenarios.
  • Implemented Node.js application process management and deployment through PM2, achieving zero-downtime updates and automatic restarts, ensuring stable operation in production environment.
  • Adopted Tailwind CSS to build consistent design system, achieving rapid style development, improving UI development efficiency and design consistency.
  • Applied HTTP3 protocol to improve transmission efficiency and security, optimizing user access experience.

Carbon Explorer New Energy Mini Program

WeChat Mini ProgramAlipay Mini ProgramUniapp
  • Responsible for Carbon Explorer New Energy Mini Program frontend development and maintenance, built cross-platform applications based on WeChat and Alipay Mini Program platforms, improving user coverage and usage experience.
  • Used Uniapp framework to achieve multi-platform code reuse, significantly improving development efficiency and code maintainability.
  • Enriched Mini Program functionality and user interaction through integration of third-party payment and social sharing features.
  • Optimized Mini Program performance, improved loading speed and interaction smoothness, enhancing user experience.

Autohome Web Performance Monitoring & Governance Platform

ReactTypeScriptNode.jsKafkaElasticsearchHivePrometheus
  • Designed and implemented a comprehensive frontend performance monitoring and governance platform, covering performance data collection, storage, analysis, and visualization, improving overall website performance.
  • Adopted efficient data collection technologies to ensure accuracy and real-time performance data, providing solid foundation for subsequent analysis.
  • Utilized modern data storage solutions to optimize data storage and retrieval efficiency, improving system response speed.
  • Through data analysis and visualization tools, helped team deeply understand performance bottlenecks, formulated effective optimization strategies, significantly improving user experience.

Autohome Micro-Frontend Architecture Design & Implementation

ReactVueWujieTypeScript
  • Designed and implemented Wujie routing-based micro-frontend architecture, successfully achieved seamless integration and collaborative work of multiple independent sub-applications, improving system maintainability and scalability.
  • Optimized application loading speed and performance through modular design and dynamic loading technologies, significantly enhancing user experience.
  • Established unified communication protocols and data sharing mechanisms, ensuring efficient collaboration and data consistency between sub-applications.
  • Provided detailed technical documentation and training to help team members quickly master micro-frontend architecture design concepts and implementation methods.

Autohome Low-Code Platform Development

Next.jsImmer.jsTypeScript
  • Led and implemented low-code platform development project, successfully built a frontend system supporting visual drag-and-drop and component-based development, significantly improving development efficiency and user experience.
  • Designed and implemented flexible component library and template system, supporting diverse business requirements and rapid iteration.
  • Ensured platform high performance and stability through integration of advanced state management and data binding technologies.
  • Provided comprehensive documentation and training resources to help users quickly get started and fully utilize platform features.
  • Designed and implemented module marketplace functionality, supporting users to browse, search, and install various frontend components and plugins, improving platform scalability and user experience.

Autohome International Website

ReactNext.jsi18nextNginxMUIAWSCloudFrontLambda Edge
  • Responsible for Autohome English and German website frontend development and maintenance, built high-performance SSR applications based on React and Next.js, significantly improving internationalization support and user experience.
  • Optimized website access speed and stability through Nginx reverse proxy and load balancing configuration, ensuring service availability under high concurrency scenarios.
  • Adopted MUI component library to build consistent design system, achieving rapid style development, improving UI development efficiency and design consistency.
  • Applied HTTP3 protocol to improve transmission efficiency and security, optimizing user access experience.
  • Applied modern image formats like WebP and AVIF to optimize image loading performance and improve page rendering speed.

Beijing Lianshang E-commerce Platform Development

Vue2VuexVue-RouterWebpack
  • Participated in and led e-commerce platform frontend development, successfully built high-performance user interface, improving user shopping experience.
  • Designed and implemented flexible component-based architecture, supporting diverse business requirements and rapid iteration.
  • Optimized user shopping process and service experience through integration of third-party payment and logistics services.

Beijing Yijiuyi E-commerce Unmanned Convenience Store System Development

Vue2VuexVue-RouterWebpack
  • Participated in the company's unmanned convenience store system frontend development, successfully implemented multiple key functional modules.
  • Designed and implemented interactive effects, ensuring good website performance.
  • Improved development efficiency and code quality through optimizing code structure and introducing automated build tools.

Education

China University of Mining and Technology

Mechanical Design and Automation, Bachelor's Degree · Sep 2012 - Jun 2016