Essential Front-End Architecture, Testing, and UX Resources for 2024

Front-End Technology and Architecture

In‑Depth Study of Front‑End Architecture – Layers and Abstraction

Explores the necessity and feasibility of front‑end architecture design from three perspectives, analyzing considerations through layering and abstraction to inspire solutions when facing design uncertainties.

How to Detect If a Native JavaScript Function Has Been Monkey‑Patched

Discusses methods to determine whether native JavaScript functions have been overwritten, acknowledging the difficulty of achieving fully reliable detection.

JD Retail Platform: Front‑End Component Sharing and Centralized Management

Addresses cross‑team collaboration pain points by presenting a component‑sharing solution based on Webpack Module Federation.

Automated Testing Primer for Front‑End Developers

Provides a basic introduction to writing test cases for projects, outlining essential scenarios to cover.

Understanding “this” in Vue 2

Explains how Vue 2’s this keyword directly accesses data and methods, detailing the underlying principles.

Design and Experience

How to Measure the Effectiveness of User Experience Design

Proposes a template that evaluates UX using time, user, and goal dimensions, encouraging regular tracking and learning for continuous improvement.

Differences Between Product Design and User Experience Design

Emphasizes designing for people, outlining how product design identifies real users and problems, while UX focuses on multidisciplinary solution design.

Cloud Classroom’s front‑end team aims to become a top national and regional technical group, integrating technology with business, fostering a collaborative and flat organization to build a high‑performance front‑end team.