Back

Personal Information

性别:Male

学历:Bachelor's Degree

工作经验:3 Years

求职意向:Frontend Developer

Education

Henan University (Double First-Class)

School of Software | 2017.09 - 2021.06

Professional Skills

  • Proficient in HTML5/CSS3, including modern layouts (Flexbox/Grid), animations, and responsive design
  • Proficient in JavaScript ES6+, including async programming, modular development, and design patterns
  • Proficient in modern frontend frameworks and state management, with deep understanding of component architecture
  • Proficient in TypeScript development, including type system, generics, and advanced type utilities
  • Experienced in frontend engineering, including build optimization, module federation, and development efficiency
  • Experienced in frontend performance optimization, including rendering optimization and resource loading
  • Familiar with browser principles, including rendering pipeline and runtime optimization
  • Familiar with cross-platform development, including Mini Program and hybrid solutions

Work Experience

Frontend Developer

Shanjian Technology | 2022.03 - Present

  • Responsible for AI-related Web development (Face Swap, Chat)
  • Responsible for influencer settlement and backend development
  • Responsible for development and maintenance of common components, libraries and tools

Frontend Developer

ZA Tech | 2021.04 - 2022.03

  • Responsible for core business module development and maintenance
  • Responsible for optimizing frontend architecture and component abstraction
  • Collaborate with team on project planning, design and development

Project Experience

FacePlay Mini Program

2023.10 - Present

A comprehensive Mini Program supporting multiple AI creation capabilities including text generation, face swapping, and AI drawing.

• Led development of core creation workflow modules: - Designed unified template creation process with reusable upload, preview, and payment components - Implemented differentiated workflows for various templates (single/multi-face swap, AE effects) - Integrated commercial features including paid membership and ad-based unlocking • Optimized user experience and performance: - Implemented comprehensive material preprocessing with format validation and size limits - Enhanced interaction fluidity through debouncing and performance optimization - Introduced Redux for centralized state management of user info and payment status

技术栈:React + TypeScript + Taro + Redux + Less

• Improved code maintainability with 50% component reuse rate • Reduced invalid uploads by 70% through preprocessing • Achieved smooth user experience with sub-second response time • Successfully integrated multiple monetization channels

FacePlay (Web)

2023.06 - 2023.09

A commercial face-swapping web application with payment integration and user history tracking.

• Independently developed the core drag-and-drop upload module with progress tracking and validation • Implemented video frame extraction using WebAssembly FFmpeg, reducing processing time by 60% • Built a robust payment system with multiple payment methods and order management • Developed comprehensive user history tracking with filtering and export capabilities

技术栈:Modern Frontend Stack + WebAssembly + FFmpeg

• Solved CORS issues in video frame extraction through custom Vite configuration and backend collaboration • Implemented chunked upload for large files with resume capability • Achieved 98% test coverage for core business logic • Optimized initial load time by 40% through code splitting and lazy loading

Influencer Settlement (Mini Program)

2023.02 - 2023.05

An enterprise WeChat Mini Program for influencer payment management with secure verification.

• Led the development of the entire Mini Program from architecture design to deployment • Implemented secure authentication flow with WeChat private message verification • Developed complex form systems with real-time validation and auto-save • Created a flexible settlement record system with advanced filtering and export features

技术栈:Mini Program Development Stack + Custom Error Tracking

• Designed and implemented a custom error tracking system reducing issue resolution time by 50% • Optimized Mini Program package size to under 2MB through component optimization • Achieved 99.9% uptime through robust error handling and fallback mechanisms • Implemented offline data persistence improving user experience in poor network conditions

ChatMe (Web)

2022.12 - 2023.02

类ChatGPT智能对话平台,集成内容审核、多语言支持和会员充值功能。

• 负责核心对话功能开发: - 实现打字机效果的流式响应展示 - 开发Markdown实时渲染和代码高亮功能 - 设计对话上下文管理机制,支持多轮对话 • 系统功能开发和优化: - 实现响应式布局,确保多端适配 - 开发完整的会员充值和权益系统 - 集成i18n实现多语言国际化 • 性能优化和体验提升: - 实现消息队列,避免回复覆盖 - 添加骨架屏和加载动画 - 支持快捷键操作和历史记录

技术栈:Next.js + TypeScript + i18n + Markdown渲染 + WebSocket

• 用户平均响应等待时间降低40% • 国际化支持覆盖95%的用户区域 • 用户满意度达到95%以上 • 支持连续对话长度提升3倍

企业级前端项目脚手架

2022.07 - 2022.10

标准化的项目初始化工具,支持多种项目类型。

负责项目模板选择机制、配置动态生成和插件系统的开发。

技术栈:Node.js + Commander.js + Inquirer.js + EJS + ESBuild + Git

项目初始化时间减少80%,团队100%采用,维护成本降低70%。

ZA Bank (Mobile App)

2021.06 - 2022.03

香港领先的虚拟银行应用,提供全面的银行服务,包括存贷款、跨境支付和保险等。

• 负责开户业务核心模块开发: - 实现身份验证和活体检测流程 - 开发地址证明上传和OCR识别功能 - 对接香港监管要求的实名认证系统 • 负责节日营销活动页开发: - 开发圣诞及新年拉新活动落地页 - 实现复杂的动画交互效果 - 优化活动页面性能,确保流畅的用户体验

技术栈:React Native + TypeScript + Redux + React Navigation

• 优化开户流程,将完成率提升30% • 活动页面转化率达到预期目标的150% • 保持稳定的页面性能指标(FPS>55)