I am a frontend engineer with 11 years of experience, specialized in web graphics and Canvas development.
I have built a Canvas rendering engine from scratch, optimized big data dashboards, and have solid experience working in remote teams. English is a daily working language for me. I am very passionate about web graphics, and here are two demos I built using Canvas:
Canvas & Graphics Engine: Built a Canvas rendering engine from scratch. Experienced in R-Tree spatial index and Viewport Culling to handle thousands of graphic nodes easily. Used Color Picking and Geometric Intersection (Intersector) for fast, millisecond-level mouse clicks and shapes interaction. State & Memory Management: Used Finite State Machine (FSM) to handle complex editor workflows. Managed memory with Layered Rendering, Object Pool, and Offscreen Canvas to stop garbage collection (GC) lag and UI freezing. Frontend Stack & Tools: Expert in TypeScript, React, and state management. Built full frontend setups from zero using Vite and Webpack, including unit tests, integration tests, E2E tests, and CI/CD pipelines.
Web Performance: Deep knowledge of the browser rendering path and Event Loop. Good at tuning website speed, including Tree Shaking, asset caching, First Paint (FP), and rAF (requestAnimationFrame) scheduling.
Mobile Skills: Experienced in iOS app development using Objective-C and cross- platform apps using React Native.
I am a frontend engineer with 11 years of experience, specialized in web graphics and Canvas development.
I have built a Canvas rendering engine from scratch, optimized big data dashboards, and have solid experience working in remote teams. English is a daily working language for me. I am very passionate about web graphics, and here are two demos I built using Canvas:
1. netServer: https://new-net-lilac.vercel.app/ 2. num-flop: https://www.npmjs.com/package/num-flop
Canvas & Graphics Engine: Built a Canvas rendering engine from scratch. Experienced in R-Tree spatial index and Viewport Culling to handle thousands of graphic nodes easily. Used Color Picking and Geometric Intersection (Intersector) for fast, millisecond-level mouse clicks and shapes interaction. State & Memory Management: Used Finite State Machine (FSM) to handle complex editor workflows. Managed memory with Layered Rendering, Object Pool, and Offscreen Canvas to stop garbage collection (GC) lag and UI freezing. Frontend Stack & Tools: Expert in TypeScript, React, and state management. Built full frontend setups from zero using Vite and Webpack, including unit tests, integration tests, E2E tests, and CI/CD pipelines. Web Performance: Deep knowledge of the browser rendering path and Event Loop. Good at tuning website speed, including Tree Shaking, asset caching, First Paint (FP), and rAF (requestAnimationFrame) scheduling. Mobile Skills: Experienced in iOS app development using Objective-C and cross- platform apps using React Native.
lliu98611@gmail.com