Author

WecTeam

WecTeam (维C团) is the front‑end technology team of JD.com’s Jingxi business unit, focusing on front‑end engineering, web performance optimization, mini‑program and app development, serverless, multi‑platform reuse, and visual building.

Articles

Likes

106

Views

Comments

Latest from WecTeam

74 recent articles

WecTeam

Sep 6, 2019 · Frontend Development

Mastering AST: Transform JavaScript Code with Babel and Esprima

This article explains how to use AST in JavaScript by introducing three essential components—a parser, a traverser, and a code generator—showcasing practical examples with esprima and Babel to parse, modify, and regenerate code, and exploring advanced use cases such as removing console statements, variable obfuscation, arrow‑function conversion, tree‑shaking, and generating SVG flowcharts, while also highlighting AST applications in other languages.

ASTAST TraversalBabel

0 likes · 11 min read

Mastering AST: Transform JavaScript Code with Babel and Esprima

WecTeam

Sep 3, 2019 · Frontend Development

Why Understanding JavaScript ASTs Is Essential for Modern Frontend Development

Understanding JavaScript's Abstract Syntax Tree (AST) is crucial for modern code analysis, enabling tools like Babel, ESLint, and Webpack to parse, transform, and generate code beyond regex, with a clear process from lexical analysis to syntax analysis and standardized specifications such as ESTree.

ASTJavaScriptParsing

0 likes · 9 min read

Why Understanding JavaScript ASTs Is Essential for Modern Frontend Development

WecTeam

Aug 30, 2019 · Game Development

Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations

This article explains how to use simple shapes like circles and rectangles for fast 2D collision detection, reviews vector mathematics, provides a reusable Vector2d class with operations such as addition, subtraction, length, dot product and rotation, and shows concrete JavaScript code for circle‑circle, circle‑rectangle (both axis‑aligned and rotated) and rectangle‑rectangle collisions using AABB and OBB techniques.

2D GameAABBJavaScript

0 likes · 19 min read

Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations

WecTeam

Aug 27, 2019 · Frontend Development

Unlock CSS Houdini: Create Custom Paint, Layout, and Worklet Effects

This article explains how CSS Houdini opens the browser's rendering pipeline through APIs for custom properties, painting, layout, and worklets, providing step‑by‑step code examples that let developers define their own CSS behavior and create dynamic visual effects.

HoudiniLayout APIPaint API

0 likes · 11 min read

Unlock CSS Houdini: Create Custom Paint, Layout, and Worklet Effects