Project Highlights

Introduction

This is a project-highlights playbook. Pick 3-4 items you truly understand and convert them into your resume pitch.

Content

1. Improve image processing performance with WebAssembly
Resume pitch: Built front-end image processing with WebAssembly and optimized with Web Workers; achieved 2x processing speed and 50% lower latency, significantly improving UX.
Applicable projects: Online image editors, real-time image processing apps, video editing tools.

2. Optimize Webpack build time
Resume pitch: Deeply optimized Webpack build pipeline with swc, thread-loader, and persistent caching; reduced build time from 8 minutes to under 10 seconds.
Applicable projects: Large front-end projects based on Webpack.

3. Optimize text-to-speech performance
Resume pitch: Improved TTS conversion through text segmentation and concurrency control; collaborated with backend for emotion tagging; added BFF caching to reduce repeated conversions; stable in 5+ projects with 80% higher satisfaction.
Applicable projects: Knowledge-sharing, e-learning, podcast generation, ebook-to-audio, content creation platforms.

4. Real-time collaboration
Resume pitch: Referenced Google Docs/Notion-like architecture, implemented WebSocket + differential sync, conflict resolution, operation logs, and offline editing; reduced collaboration latency by 40%, increased satisfaction by 25%.
Applicable projects: Collaborative docs, whiteboards, spreadsheets, enterprise collaboration, EdTech, project management.

5. Copy web content as image to clipboard
Resume pitch: Implemented DOM-to-Clipboard image pipeline (inspired by Feishu/Lark approaches), packaged into company shared library, serving 4+ projects.
Applicable projects: Any product requiring web-to-image clipboard workflows.

6. Build a Vite plugin for convention-based routing
Resume pitch: Built a custom Vite plugin to provide Umi-like file-based routing, reducing 80% routing boilerplate and 90% routing bugs.
Applicable projects: Projects built with Vite.

7. Form module for data storage and synchronization
Resume pitch: Designed and led a high-performance data persistence/sync module for long forms; optimized local storage and cross-tab communication; improved efficiency by 90% and prevented data loss; published to npm.
Applicable projects: Form-heavy systems (government/enterprise/archive systems).

8. Optimize virtual list scrolling
Resume pitch: Implemented virtual list with buffering strategy to improve long-list smoothness and rendering; reduced render time by 90% with no jank.
Applicable projects: E-commerce lists, video feeds, social timelines, course lists.

9. Use micro-frontend to split monoliths
Resume pitch: Led micro-frontend adoption to solve maintainability issues in monolith apps, improve build performance, and reduce costs; integrated 5+ legacy split apps, 2+ new product-line apps, and 4+ tech stacks.
Applicable projects: Large enterprise apps, complex systems, long-lived SPAs, multi-team collaboration.

10. DNS analysis and optimization
Resume pitch: Optimized first-visit networking based on monitoring data; improved DNS resolution by 99%, and improved first-visit FCP/LCP by 25%-30%; included in company shared library and used by 10+ projects.
Applicable projects: High-traffic and latency-sensitive systems.

11. Front-end monitoring
Resume pitch: Built a custom front-end monitoring SDK to collect performance, errors, and user behavior with minimal business-code intrusion; supports 5+ production products.
Applicable projects: High-traffic or high-availability products (e-commerce, social, e-learning, fintech, SaaS).

12. Cross-tab communication
Resume pitch: Encapsulated common cross-tab communication patterns, mainly using BroadcastChannel with compatibility fallbacks; integrated into company shared library and used in 2+ projects.
Applicable projects: Any system requiring multi-tab data sync/state sharing.

13. Vite performance optimization
Resume pitch: Built data-driven optimization plans based on monitoring; created custom Vite plugin to handle prefetch issues; reduced bundle size by 30%-50%, cut build time under 20s, improved FCP/LCP by 80%+, and increased retention by 12%.
Applicable projects: Projects built with Vite.

14. Timer throttling in background tabs
Resume pitch: Implemented a reusable solution to browser tab timer throttling via timer hijacking simulation and thread communication; reduced development cognitive load and shipped to shared library.
Applicable projects: Any project using timers.

15. Multi-file preview support
Resume pitch: Built an extensible file runtime for multi-format preview (images, docx, xlsx, ppt, pdf, md, video, html, etc.); included in shared library and used by 4+ projects.
Applicable projects: Any product with file preview requirements.

16. Defer-based white-screen optimization
Resume pitch: Optimized homepage white-screen time with defer strategy and custom element-sniffing tooling for sliced first-screen rendering; improved FCP by 99%, LCP by 95%, and retention by 12%.
Applicable projects: Any project focused on first-screen rendering performance.