Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More

Frontend Technology and Architecture

How to Optimize 30 Duplicate Requests on Page Load?

Learning data structures and design principles may seem abstract, but they help solve high‑complexity problems; applying them in daily development reveals their value and motivates skill improvement.

Deep Dive into Micro‑Frontends (qiankun)

The core idea of micro‑frontends treats a frontend application as a whole composed of independent parts, each a micro‑frontend with its own stack, workflow, and team, enabling independent development and deployment while reducing coordination complexity.

ECharts Can't Render This Curve? Build It Yourself

A recent chart requirement couldn't be satisfied with ECharts, prompting a custom implementation of an interactive curve chart featuring entrance animation, responsive width adaptation, richer configuration options, and more customizable segment divisions.

Learn Pixi.js in a Blink

Graphics and animation are essential for engaging web experiences; Pixi.js, a performant and easy‑to‑use 2D rendering engine, has become a popular choice among developers.

New JavaScript Feature: Import Maps

Import Maps, a recent JavaScript addition, simplifies module resolution; after exploring its usage, the author found it very handy and shares insights.

Frontier Exploration

The Cloud Academy frontend team is the largest within the organization, aiming to become a top‑tier national team, integrating technology with business, fostering a research‑driven culture, and operating with an efficient, flat management model.