Yangsong Zhu - Resume

  • Frontend Engineer
  • Male | born in 1996
  • +86 13151569970
  • crayymumu
  • darkexpert007@gmail.com
  • 2014.09 ~ 2018.06 | Bachelor Jinling Institute of Technology

Experience

  • EESANew Energy Storage

    2022.04 ~ Present

    Senior Frontend Engineer

    Building engineering infrastructure, enhancing team capabilities, developing and iterating products

  • AMAXListed MNC

    2020.04 ~ 2022.04

    Senior Frontend Engineer

    Maintaining frontend component library Building low-code development platform

  • PatsnapTech Unicorn

    2019.04 ~ 2020.04

    Frontend Engineer

    Responsible for Bio/Chemical product iterations

  • CACTraditional Enterprise

    2017.07 ~ 2019.04 (including internship)

    Full-stack Engineer

    Responsible for frontend and backend project development and maintenance

Skills

  • HTML / CSS

    1. Proficient in semantic HTML with W3C compliance, ensuring code readability and maintainability

    2. Expert in Flexbox and Grid layouts for complex multi-column responsive designs across devices

    3. Skilled in CSS preprocessors (Less, Sass/Scss, Stylus) for modular, maintainable styling

    4. Deep understanding of browser rendering: DOM construction, style computation, and layout flows

    5. Extensive cross-browser compatibility experience with consistent visual rendering

  • TypeScript / JavaScript

    1. Proficient in TypeScript with advanced types, integrating toolchains into CI/CD pipelines

    2. Solid JavaScript fundamentals with expertise in ES6+ syntax

  • Vue.js / Nuxt / Next / Mini Programs

    1. Expert in Vue 2/3 for building efficient single-page applications

    2. Proficient in Nuxt and Next.js for SSR, improving SEO and load performance

    3. Experienced in WeChat native framework and uni-app for optimized mini-program development

  • Webpack / Vite

    1. Skilled in Webpack and Vite for project building and optimization with custom configurations

    2. Proficient in npm and pnpm for dependency management, optimizing installation time and size

  • Frontend Engineering

    1. Hands-on experience with large-scale SPA, handling performance optimization in high-volume data scenarios

    2. Practical experience with Jenkins and GitLab Runner, building CI/CD pipelines from scratch

    3. Performance analysis using Lighthouse, optimizing metrics for enhanced user experience

    4. Promoted automation tools (Husky, lint-staged) for pre-commit validation, reducing merge conflicts

Project

Official Website Cluster

URL: www.eesaenergy.com | www.eesaexpo.com

Leading exhibition website cluster for energy storage industry, handling booth reservations, attendee registration, and exhibitor management with 5000+ daily pageviews.

1. Next.js SSR/SSG hybrid architecture with CDN edge caching and resource preloading, boosting Lighthouse Performance from 58 to 95+, LCP under 1.2s

2. Custom i18n routing middleware via Next.js Middleware for request-level language detection and path rewriting, paired with getStaticPaths for multi-language static pages, eliminating runtime CLS

3. Reusable video banner component with Intersection Observer lazy loading, WebP/AVIF fallback, and skeleton placeholders to eliminate CLS (down to 0); extracted countdown hooks and floating components with dynamic imports, reducing main bundle by ~40%

Energy Storage Ecosystem Platform

URL: database.handy-es.com | handy-es.com/platform | WeChat Mini Program (Handy-ES)Mini Program QR Code

Professional platform for energy storage industry chain, covering database queries, enterprise services, and report management for digital transformation.

1. Vue.js modular architecture with route-level code splitting via Webpack magic comments, reducing first-screen JS by 55%, TTI from 4.8s to 2.1s

2. CSS variables-driven theming + container queries for responsive layouts, removed unused styles with PurgeCSS (60% CSS reduction), Lighthouse Accessibility 95+

3. Axios interceptors for unified request state management, skeleton screens and progressive image loading (LQIP) for perceived performance, TBT down 70%

Industrial Chain Visualization Map

URL: industrial-map.handy-es.com

Geographic visualization platform for energy storage industry chain, displaying 2000+ enterprises nationwide with multi-dimensional data drill-down.

1. Next.js 14 App Router + RSC streaming with Suspense boundaries for selective hydration, INP under 150ms, TTFB down 60%

2. AMap JS API wrapper with Web Worker-based clustering algorithm (avoiding main thread blocking), layered rendering and viewport culling for massive markers, stable 60fps map interactions

3. Virtual scrolling + CSS content-visibility: auto for 10k+ item lists, React.memo and useDeferredValue to reduce re-render overhead

Project

Data & Enterprise Management Platform

URL: data.handy-es.com | middle-platform.eesaenergy.com

Led frontend architecture design and development for enterprise-level data and management platforms, building a unified technical foundation supporting multiple business systems.

1. Abstracted unified technical foundation (component library wrapper, request layer, permission directives, layout templates), achieving 80%+ code reuse across two platforms, improving new module development efficiency by 50%

2. Alibaba Cloud CDN externals for core dependencies (Vue/Element Plus/ECharts), paired with Vite code-splitting and route-level prefetching, reducing first-screen load by 70%, ECharts on-demand imports cutting chart module size by 60%

中文简历
Download
version: v2026.03.05