Aotu Lab, founded in October 2015, is a front-end engineering team serving multi-platform products. The articles in this public account are intended to share and discuss technology, reflecting only the personal views of Aotu Lab members and not the official stance of JD.com Technology.
This article explores the core principles of asynchronous programming, explains how Prefresh enables fast refresh for Preact, showcases a comprehensive web animation tutorial, introduces the Doodle Ipsum illustration placeholder service, and details Theia's JSON‑RPC communication protocol for Cloud IDE extensions.
requestAnimationFrame lets browsers schedule animation callbacks just before the next repaint, offering smoother 60 Hz updates compared to setTimeout; this article explains its API, demonstrates code examples, explores the event loop, task and microtask queues, rendering timing, cross‑browser quirks, and best practices for efficient animation and task splitting.
This article explains how the Deco platform uses AI and layout algorithms to automatically convert design drafts into reusable, semantic front‑end code, achieving around a 48% productivity gain during large‑scale e‑commerce events by streamlining UI reconstruction, component reuse, and data binding.
This issue presents deep dives into HarmonyOS ACE UI architecture, common infinite-loop pitfalls of React’s useEffect hook, a Three.js tutorial for building a 3D room, an introductory guide to graph neural networks, and a fundamentals‑focused machine‑learning primer, offering practical insights across front‑end, graphics, and AI domains.
This article explains how AI is extending into front‑end development, defines edge AI, outlines its application scenarios, discusses advantages and limitations, reviews web‑based inference frameworks and hardware acceleration, and details model compression techniques for deploying AI directly in browsers.
This article explains how CSS3 transforms and related properties promote elements to composite layers, detailing the browser rendering pipeline, the role of the GPU, practical demos, performance observations, and techniques for inspecting and optimizing animation performance in modern front‑end development.
This article explores how to speed up Webpack builds with esbuild-loader, implements dynamic treemap visualizations for NetEase Cloud Music’s social voting feature, introduces XState’s finite‑state‑machine approach to state management, explains the inner workings of TypeScript, and provides a deep dive into the V8 JavaScript engine.
The article reviews Vue 3.2’s new features and performance gains, explains monorepo best practices for large codebases, shares open‑source community strategies from TiDB, provides a detailed Fetch API tutorial, and outlines a beginner-friendly learning path for Webpack 5, offering practical guidance for modern frontend development.
This article introduces the fundamentals of a game physics engine, covering the concept of engines, essential mathematics like vectors and calculus, TypeScript implementations for vector operations, and the integration of Newtonian mechanics such as mass, inverse mass, and basic object properties.
This article explains the glTF format, compares .gltf and .glb, shows how to split and compress glTF assets using tools like gltf‑pipeline, Draco, mesh quantization and meshopt, and presents performance tests across various devices to guide efficient 3D model delivery in web applications.
