Aotu Lab
Author

Aotu Lab

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.

223
Articles
0
Likes
0
Views
0
Comments
Recent Articles

Latest from Aotu Lab

100 recent articles max
Aotu Lab
Aotu Lab
Oct 30, 2020 · Mobile Development

How JDFlutter Revolutionizes Cross‑Platform Mobile Development with One‑Code Solutions

This article details JDFlutter's evolution as a one‑code, container‑based cross‑platform framework that tackles Flutter's ecosystem gaps, improves development efficiency, enables dynamic updates, web conversion, iOS size reduction, mixed native integration, and provides a full‑stack support pipeline for large‑scale mobile apps.

Container ArchitectureCross-PlatformDynamic Updates
0 likes · 14 min read
How JDFlutter Revolutionizes Cross‑Platform Mobile Development with One‑Code Solutions
Aotu Lab
Aotu Lab
Oct 22, 2020 · Frontend Development

October Tech Highlights: NPM 7, HTTP/3, Webpack 5 Federation, iOS Scroll Physics

This article reviews October's key tech updates, covering NPM v7's new workspace and peer‑dependency features, Chrome's rollout of HTTP/3 over QUIC, Webpack 5's Module Federation for JavaScript architecture, the physics behind iOS UIScrollView animations, Chinese web‑font handling, the lightweight SVGA animation format, and a 1 KB JavaScript 3D game demo.

HTTP3QUICWebpack
0 likes · 6 min read
October Tech Highlights: NPM 7, HTTP/3, Webpack 5 Federation, iOS Scroll Physics
Aotu Lab
Aotu Lab
Oct 22, 2020 · Frontend Development

Master CSS Animations: From Simple Transitions to Advanced SVG Loading Effects

This article provides a comprehensive guide to CSS animation techniques, covering basic transition and animation properties, continuous scrolling, bounce effects, like button bursts, SVG‑based loading and progress bars, typing simulations, frame‑by‑frame sprite animations, and the use of steps() for timing control, all illustrated with practical code examples.

CSSSVGWeb
0 likes · 13 min read
Master CSS Animations: From Simple Transitions to Advanced SVG Loading Effects
Aotu Lab
Aotu Lab
Oct 14, 2020 · Frontend Development

Explore Webpack 5, HTTPS Essentials, ARCore, React‑Three‑Fiber, and AI Chatbots

This article surveys recent front‑end breakthroughs—including Webpack 5’s new features and Module Federation—explains HTTPS fundamentals and Nginx setup, introduces ARCore core concepts, demonstrates React‑Three‑Fiber for three.js, reviews AI dialogue system research, and highlights the open‑source ckplayer video player.

HTTPSWebpackarcore
0 likes · 6 min read
Explore Webpack 5, HTTPS Essentials, ARCore, React‑Three‑Fiber, and AI Chatbots
Aotu Lab
Aotu Lab
Oct 10, 2020 · Frontend Development

How to Leverage Vue3’s New Features in Taro for Multi‑Platform Development

This guide walks through using Vue3’s Composition API, Teleport, Fragments, script‑setup, and style‑vars within Taro, covering installation, project setup, code examples for each feature, build commands, and compatibility notes for both H5 and mini‑program targets.

Composition APIFragmentsScript Setup
0 likes · 13 min read
How to Leverage Vue3’s New Features in Taro for Multi‑Platform Development
Aotu Lab
Aotu Lab
Sep 22, 2020 · Frontend Development

Exploring Vue 3: New Features, Teleport, and Vue‑Lit Web Components

The article reviews Vue 3's official release, explains the Teleport feature for rendering content outside component trees, introduces the lightweight vue‑lit library for building Web Components with Vue's reactivity, and highlights related graphics experiments, legacy version comparisons, and Taro integration for mini‑program development.

TaroTeleportVue 3
0 likes · 6 min read
Exploring Vue 3: New Features, Teleport, and Vue‑Lit Web Components
Aotu Lab
Aotu Lab
Sep 10, 2020 · Frontend Development

Beyond React vs Vue: Exploring Frontend Fundamentals, Security, and Design

This article offers a comprehensive look at modern frontend development, from unbiased React‑Vue comparisons and Lodash security insights to icon workflow evolution, smooth corner techniques in Figma, SOLID principles, code‑effort metrics, AI recommendation system reading, project management tips, and the role of design tokens.

DesignReActVue
0 likes · 7 min read
Beyond React vs Vue: Exploring Frontend Fundamentals, Security, and Design
Aotu Lab
Aotu Lab
Sep 10, 2020 · Frontend Development

How to Build a Simple WebVR Panorama with CSS 3D and Three.js

This article explains the background, principles, and step‑by‑step implementation of a WebVR panorama using CSS 3D and Three.js, covering VR fundamentals, 3DOF vs 6DOF, texture preparation, interaction handling, challenges, and future prospects.

CSS 3DThree.jsWebVR
0 likes · 20 min read
How to Build a Simple WebVR Panorama with CSS 3D and Three.js
Aotu Lab
Aotu Lab
Aug 25, 2020 · Frontend Development

How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100

This article walks through a systematic performance audit of the Jingxi Mini‑Program, identifies seven key penalty items—including excessive WXML nodes, oversized images, tiny tap targets, redundant network calls, and unbound data—and details concrete optimizations that reduced the audit score to a perfect 100.

AuditsNetwork RequestsPerformance optimization
0 likes · 11 min read
How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100