Summary
- ✓ 8 years of experience in frontend architecture, capable of building large-scale SaaS platforms and Hybrid Apps from scratch.
- ✓ Engineering Expert: Proficient in boosting R&D efficiency by 40%+ using Monorepo, CI/CD, and automated toolchains.
- ✓ WebRTC Specialist: Deep expertise in SIP signaling, packet loss concealment, and acoustic echo cancellation (AEC).
- ✓ AI Integration: Pioneer in applying LLM/Agent capabilities into business flows (e.g., smart calling, intent recognition).
- ✓ Performance Tuning: Master of V8 mechanisms and browser rendering, optimized core page LCP from 2.5s to 1.2s and reduced memory usage by 30%.
Skills
Experience
CAREER TIMELINE
Chengdu Zhixin Shidai Technology Co., Ltd.
2024.08 - PresentAs the tech lead, independently developed the full insurance business loop (CRM, Call Center, Ops Admin, C-side H5). Integrated AI Agents to restructure workflows, significantly enhancing system intelligence.
- • Call System Core: Self-developed softphone component using JsSIP + WebRTC, solving SIP signaling stability issues under NAT traversal, achieving 99.8% connection rate.
- • Deep AI Integration: Designed 'AI Agent Assistant' using SSE (Server-Sent Events) to stream real-time dialogue suggestions from LLM, reducing new staff training time by 50%.
- • Engineering Efficiency: Built a Monorepo using pnpm workspace, enabling 4 subsystems to share UI components and utilities, with code reuse rate exceeding 60%.
Chengdu Future Motion Technology Co., Ltd.
2021.08 - 2024.06Led architecture evolution for Web3.0 global business and video social products. Managed a 5-person frontend team, establishing code standards and technical review processes.
- • Web3 Architecture: Encapsulated a unified WalletAdapter compatible with 10+ mainstream wallets (MetaMask/WalletConnect), designing anti-replay attack signature mechanisms to ensure fund security.
- • Hybrid Optimization: Optimized 1v1 Video Social App by enhancing JSBridge and implementing offline resources, improving H5 cold start speed in WebView by 70%.
- • Globalization: Resolved i18n, timezone, and Arabic (RTL) layout challenges, supporting stable operation in European and Middle Eastern markets.
Chengdu Youfan Technology Co., Ltd.
2019.09 - 2021.06Core member. Responsible for Low-Code Platform and Enterprise SaaS development. Led the smooth migration from Vue2 to Vue3.
- • Low-Code Engine: Designed a JSON Schema-based dynamic form rendering engine with drag-and-drop layout and logic orchestration, tripling form page development efficiency.
- • Performance Tuning: Solved rendering lag for tables with 50k+ rows using Virtual Scroll and Web Workers, stabilizing FPS at 55+.
- • Build Optimization: Migrated legacy Webpack projects to Vite + Esbuild, reducing local dev server startup time from 40s to 1s.
Beijing Xinrui Haoyang Technology Co., Ltd.
2017.12 - 2019.07Responsible for government-level big data visualization dashboards and GIS map applications.
- • Canvas Rendering: Used Canvas instead of DOM to render massive map markers, solving lag issues on low-end devices.
- • RBAC System: Implemented directive-based (v-permission) frontend permission control based on RBAC model.
Projects
COMPLEXITY GROWTH
Smart Sales SaaS (Call Center & CRM)
A SaaS platform integrating list management, outbound call center, and AI quality assurance. Tech Stack: Vue3, TypeScript, JsSIP, WebRTC, NaiveUI.
项目成果
- ✓ WebRTC Communication Layer: Customized WebRTC SDP negotiation, implemented AGC and AEC in browser to ensure call clarity in noisy environments.
- ✓ SIP Signaling FSM: Designed a Finite State Machine to manage SIP states (Invite/Ringing/Connected/Bye), perfectly handling signaling packet loss caused by network jitter.
- ✓ High-Perf Lists: Adopted virtual lists + sharded rendering for million-level data filtering, ensuring smooth response under complex queries.
- ✓ AI Assistance: Integrated LLM capabilities for real-time ASR (Speech-to-Text) and intent classification, helping sales locate high-intent customers.
Insurance Full-Link Business System
A closed-loop system covering policy issuance, commission settlement, and CRM. Includes PC Admin and Mobile H5. Tech Stack: Vue3, UniApp, UVUI.
项目成果
- ✓ Dynamic Form Arch: Designed a Schema-driven dynamic form system to handle varied insurance product fields, generating validation rules and UI from backend configs.
- ✓ Cross-Platform: Built H5 channel using UniApp, resolving payment interface compatibility issues between WeChat Browser and Native WebView using conditional compilation.
- ✓ Complex Reporting: Encapsulated multi-dimensional data pivot components based on ECharts, supporting drill-down analysis of millions of records.
- ✓ RBAC Strategy: Designed a strategy-pattern-based permission module to handle complex organizational structures of brokerage firms.
1v1 Global Video Social (Hybrid App)
Global 1v1 video chat app using Hybrid architecture. Tech Stack: Vue3, UnoCSS, Bridge, WebSocket.
项目成果
- ✓ Hybrid Bridge Layer: Designed a type-safe JSBridge protocol unifying H5 and Native (iOS/Android) interactions with async callbacks and event subscription.
- ✓ Instant Loading: Achieved zero-network-latency loading for H5 pages using Offline Resources and Service Worker, keeping white screen time < 100ms.
- ✓ Weak Network Opt: Designed application-level heartbeat and ACK mechanisms over WebSocket, ensuring core signaling delivery even with 20% packet loss.
- ✓ Memory Mgmt: Established strict page lifecycle management to auto-recycle DOM nodes and timers for invisible pages, preventing memory leaks in long-running WebViews.
SparkleWellness (Web3 NFT Platform)
Web3 trading platform supporting NFT minting and secondary market. Tech Stack: Vue3, Ethers.js, TailwindCSS.
项目成果
- ✓ Chain Interaction: Deeply encapsulated Ethers.js to unify Gas estimation, transaction signing, and state polling, lowering development barriers.
- ✓ Security: Designed frontend anti-fraud mechanisms, adding secondary confirmation and risk alerts for sensitive transactions like Approval.
- ✓ Optimistic UI: Implemented optimistic updates for slow on-chain confirmations, providing instant user feedback while syncing state asynchronously.
Youjin Car Rental (Cross-Platform Mini-App)
B2C Car Rental Platform. Tech Stack: UniApp, Vite, TypeScript.
项目成果
- ✓ Isomorphic Dev: Achieved 95% code reuse between WeChat and Douyin Mini Programs using UniApp, significantly reducing maintenance costs.
- ✓ E-Signature: Integrated Canvas handwriting panel for full frontend contract generation loop, producing legally valid PDFs.
- ✓ Map Interactivity: Customized map selection and vehicle trajectory replay, solving rendering lag with massive marker aggregation.
Insurance Video Mediation System
Government-level online video mediation platform. Tech Stack: Vue2, WebRTC, WebSocket.
项目成果
- ✓ Multi-Party Video: Implemented 9-way video conferencing based on SFU architecture (Qiniu), supporting dynamic layout switching.
- ✓ Collaborative Notes: Used WebSocket + OT algorithm concepts to enable real-time collaborative document editing, resolving content conflicts under concurrency.
- ✓ Compatibility: Built a comprehensive audio/video hardware detection flow, boosting pass rate on legacy PCs to 98%.
Open Source & Writings
技术沉淀
工程化思考与实践笔记
Browser-based Call System Practice with WebRTC & JsSIP
A retrospective on solving SIP signaling compatibility on the web and audio packet loss compensation in weak network environments for the Smart Sales SaaS project.
From 0 to 1: Enterprise Vue3 + Monorepo Architecture
Exploring how to use pnpm workspace to manage multi-terminal code (PC/H5/App), achieving 90% logic reuse rate.
Pitfalls & Best Practices in UniApp Cross-Platform Dev
Summary of compatibility solutions and performance optimization techniques when developing H5 and Mini Programs using UniApp + UVUI.
Education
Southwest University of Science and Technology
Information Management & Information Systems | Bachelor