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 tutorial walks you through creating a modular, plugin‑based CLI scaffold for a Valentine’s Day project, covering monorepo setup with Lerna, core CLI package creation, plugin registration, command handling, inter‑plugin communication with tapable, and deployment considerations.
This article explains the challenges of translating design specifications into code, introduces Design Tokens as a solution, and provides step‑by‑step guidance—including variable generation with Theo, custom iOS/Android implementations, mixin creation, and deployment—to improve consistency and efficiency between designers and developers.
This article surveys recent front‑end breakthroughs, covering Chrome DevTools 2020 updates, the browser event‑loop model, Node.js memory‑leak detection, a 90‑line implementation of a React useState Hook, OffscreenCanvas‑driven WebGL rendering, the PolyK polygon library, the Nerv React‑like framework, and using Hooks in mini‑programs.
This article details JD’s 京喜 mini‑program performance overhaul, covering user‑centric metrics, dual‑thread architecture, code‑size reduction, asset optimization, plugin‑based rendering, data‑handling strategies, and memory management to dramatically improve startup, rendering, and overall user experience.
The article surveys recent web and graphics advancements, covering Google’s first online Web Dev conference, a performance study of inline functions in React, Alipay’s 3D animation and gaming efforts, a Cornell‑led 3D wristband for VR, cloud gaming live streaming, a visual CNN explainer, Taro H5 optimizations, and JD’s PC homepage redesign.
This presentation details the motivations behind rebuilding Taro, introduces the Taro Next architecture and its new capabilities, walks through practical development steps, explains underlying rendering principles for both mini‑program and H5 targets, and outlines performance optimizations and future directions.
This newsletter blends deep dives into Vue 3 RFC processes, cloud‑gaming opportunities, robust error‑code design, AI‑driven SQLFlow and Pipcook tools, plus handy regex and FIGlet utilities, offering developers practical knowledge across front‑end, back‑end, and emerging technologies.
This article explains how reinforcement‑learning (Q‑learning) can generate mock interface data for regression testing, how Puppeteer automates UI interactions, and how a DSL‑plus‑runtime approach enables scalable pop‑up components, reducing testing costs in complex e‑commerce interactions.
The article reviews Vue 3’s mid‑2020 status with three new SFC syntax‑sugar features, debates the future of front‑end/back‑end integration, evaluates popular data‑visualization frameworks, highlights security risks in Node.js’s legacy URL API, and showcases a DevOps‑based productivity tool and high‑performance mini‑program practices.
This article explains how the JD.com "Jingxi" mini‑program uses the official miniprogram‑automator SDK to build an automated disaster‑recovery testing workflow that launches the devtools, simulates user actions, intercepts network requests, generates screenshots, and validates fallback behavior with manual comparison.
