Key Front‑End Innovations from JD’s 2022 Tech Salon: AR/VR, Low‑Code & More

The second JD Front‑End Technology Salon took place in Beijing on September 21, 2022, co‑hosted by JD Retail Front‑End Technical Committee and JD Growth Center, with participation from industry leaders such as Baidu, Tencent, Huawei, Meituan, 58.com, and Kuaishou. Attendees explored how new technologies and applications can boost development efficiency and business growth in the era of large‑scale front‑end.

Virtual Digital Humans in JD

JD has been active in AR/VR since 2016, launching consumer‑facing AR try‑on features in 2017 and virtual anchors in 2021. Liu Dengyong presented the research framework for virtual digital humans, focusing on 3D model creation, scene compositing, and audio‑visual synchronization. Du Feng compared 3D animation engines with digital‑human engines, emphasizing real‑time rendering and interaction. The session concluded with solutions for avatar generation, expression, and handling challenges such as voice stitching, interruption, and playback modes.

Node.js Monitoring Design and Implementation

To ensure stability after a search architecture migration, Baidu built a PaaS‑style monitoring platform called Teth for Node.js services. Zhao Longfei described the platform’s architecture for Node applications, WebSocket servers, and console servers, detailing deployment strategies for each module. He also shared adoption cases across Baidu’s internal services, including search, live streaming, and Tieba.

TalosLite Lightweight Cross‑Platform Rendering

To address first‑screen jitter and achieve fast rendering, Baidu’s team created TalosLite, a dynamic cross‑platform framework that removes JavaScript and uses JSON as a DSL. The SDK provides basic UI components and atomic events, combined with an expression engine and server‑side pre‑warming to accelerate client rendering. TalosLite is used in scenarios such as epidemic response, the HuiLife Mall, and digital‑human projects.

Tencent ZhiYing Cloud Video Editing Tech

Zhao Da introduced Tencent ZhiYing, a cloud‑based video editing platform offering extensive media assets and intelligent creation tools. He walked through the web front‑end, access layer, backend, and middle‑platform architecture, then discussed technical challenges and solutions in media upload, non‑linear editing, rendering, and cloud composition, emphasizing continuous UX optimization.

MCube Dynamic Framework

Facing limited app dynamic capabilities, rapid iteration cycles, and package size constraints, JD developed MCube, a high‑performance dynamic framework supporting one‑time development, real‑time release, and multi‑device reuse. Hou Weihao showcased use cases such as PLUS entitlement overlays and interleaved cards on search result pages, explained the usage workflow, technical panorama, and extensions for HarmonyOS compatibility.

HarmonyOS ArkUI and Underlying Technology

Huang Ran presented HarmonyOS 3.0 system features and the Ark Compiler, which optimizes UI‑to‑C calls, reducing JNI‑like overhead. He described ArkUI’s characteristics and a cross‑platform solution that currently supports Android and iOS, offering distributed and multi‑device capabilities beyond traditional frameworks. Rendering leverages unified GPU/CPU concurrent drawing for superior performance.

WebAssembly + WebCodecs Front‑End Audio/Video Exploration

Xuan Zebin outlined JD’s Linglong video editor architecture, which initially faced performance and process‑count bottlenecks. After evaluating WebCodecs, MediaRecorder, and FFmpeg.wasm, the team adopted a hybrid FFmpeg.wasm + WebCodecs solution, customizing WebAssembly configurations to shrink tool size and improve audio‑video synthesis speed and user experience.

Meituan Food Business Low‑Code Exploration

Song Xudong highlighted the rapid growth of the low‑code market, projecting a rise from $2.5 B in 2018 to $47.1 B in 2025. He introduced the concept of domain‑specific low‑code platforms built on a standardized base protocol, enabling reusable layers and modular design that can add new capabilities with roughly one person‑day effort.

58 Real Estate Low‑Code Collaboration – MoDou

Ding Yanqiang explained how rising B‑side product demands strain front‑end resources, prompting the creation of the MoDou low‑code platform. It offers two development flows: a “document mode” for designers to prototype pages and a “standard mode” for developers to manage full lifecycle, achieving over 30 % efficiency gains in internal projects.

Kuaishou Watchdog Best Practices

Shaw Chunfeng described Watchdog (iOS) and ANR (Android) as system watchdog mechanisms that terminate unresponsive apps. Kuaishou’s solution monitors main‑thread stalls, avoids using global concurrent queues, and employs NSThread or serial GCD queues. These practices reduced Watchdog incidents by over 90 % and improved issue‑resolution speed threefold.

JDHybrid Technical Solution and Business Practice

Liu Yaokai and Wang Xiaorui presented JDHybrid, a high‑performance H5 container that boosted first‑screen load speed by 30 %+, increased instant‑open rate by 20 %+, and cut page error rates by 60 %+. Their three optimization techniques include offline packages, HTML pre‑download, and API pre‑loading, with future plans for pre‑rendering and same‑layer rendering.

MicroApp – JD’s Micro‑Frontend Solution

Qin Jie compared popular micro‑frontend frameworks (single‑spa, qiankun) and identified sandbox performance and style isolation issues. JD’s MicroApp adopts WebComponent concepts, introduces a high‑performance sandbox (300‑400 % faster) and a virtual routing system, achieving near‑native performance, 80 % labor savings, and seamless integration of over 30 sub‑applications.

The salon concluded with a group photo, expressing gratitude to speakers and attendees, and reaffirming JD’s commitment to fostering industry exchange, accelerating technical innovation, and establishing front‑end standards.