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

Nov 14, 2019 · Frontend Development

Unlocking Intersection Observer: Deep Dive, Performance Tests & Advanced Tricks

This comprehensive guide explores the Intersection Observer API, explaining its core concepts, detailed code examples, performance comparisons with scroll events, advanced usage like sticky positioning, visibility tracking, and browser compatibility, providing developers with practical insights to efficiently implement and optimize intersection-based interactions.

IntersectionObserverJavaScriptWeb API

0 likes · 32 min read

Unlocking Intersection Observer: Deep Dive, Performance Tests & Advanced Tricks

WecTeam

Nov 12, 2019 · Frontend Development

Deep Dive into Promise Microtasks: How .then Registers and Executes

This article thoroughly dissects JavaScript Promise execution, revealing how microtasks are registered and run across multiple code snippets, compares Promise/A+ with WebKit implementations, and provides detailed code analyses and output predictions to help developers master Promise behavior.

AsyncJavaScriptPromise

0 likes · 14 min read

Deep Dive into Promise Microtasks: How .then Registers and Executes

WecTeam

Nov 7, 2019 · Frontend Development

Mastering Foldable Screen Design: 9 Essential Responsive Principles

This article explores the challenges of adapting web interfaces for foldable smartphones, reviews current devices, explains why responsive design is the core solution, outlines nine fundamental principles, highlights common pitfalls, and envisions future interaction possibilities for developers.

Foldable ScreensMedia QueriesUI/UX

0 likes · 10 min read

Mastering Foldable Screen Design: 9 Essential Responsive Principles

WecTeam

Nov 5, 2019 · Fundamentals

Unlocking V8: How JavaScript Is Parsed and Optimized for Speed

This article explains how Google's V8 engine parses JavaScript, distinguishes eager and lazy parsing, inlines functions, manages object hidden classes, and offers practical optimization tips to improve runtime performance in Chrome, Node.js, and Edge.

EngineJavaScriptParsing

0 likes · 11 min read

Unlocking V8: How JavaScript Is Parsed and Optimized for Speed

WecTeam

Nov 2, 2019 · Frontend Development

How to Scale Mini Programs: Engineering Practices from JD's Frontend Team

This article shares JD's front‑end team's experience engineering large‑scale mini programs, covering standards, single‑page extraction, code duplication removal, automated testing with a sandbox, package‑size optimization, smart splitting, conditional compilation, and a continuous‑integration pipeline that together address the challenges of rapid growth and release complexity.

Testingautomationcode optimization

0 likes · 15 min read

How to Scale Mini Programs: Engineering Practices from JD's Frontend Team

WecTeam

Oct 31, 2019 · Frontend Development

How to Run ImageMagick in the Browser with WebAssembly: A Step‑by‑Step Guide

This tutorial explains how to compile the ImageMagick C/C++ library to WebAssembly using Emscripten and Docker, configure its dependencies (zlib, libpng, libjpeg, libwebp), build the wasm module, and invoke ImageMagick commands from JavaScript with a virtual file system in the browser.

C++EmscriptenImageMagick

0 likes · 25 min read

How to Run ImageMagick in the Browser with WebAssembly: A Step‑by‑Step Guide

WecTeam

Oct 29, 2019 · Fundamentals

How to Build a Custom Arithmetic Parser with AST and Vector Extensions in JavaScript

This tutorial walks through constructing a JavaScript arithmetic parser using a finite‑state lexer, a stack‑based parser that builds an abstract syntax tree (AST), and an evaluator that supports numbers, operators, parentheses, vectors, and custom symbols like @rot and @dot, complete with visual demos.

ASTJavaScriptParser

0 likes · 23 min read

How to Build a Custom Arithmetic Parser with AST and Vector Extensions in JavaScript

WecTeam

Oct 25, 2019 · Frontend Development

This Week’s Frontend Highlights: Fonts, AST, Complexity, HTTP/3, Lazy Loading

The weekly roundup presents concise, actionable articles on font fundamentals, building an AST for arithmetic expressions, cyclomatic complexity metrics, the evolution from HTTP/2 to HTTP/3, native image lazy‑loading, and an overview of CSS Level‑4 selectors, all aimed at front‑end engineers.

HTTPJavaScriptPerformance

0 likes · 3 min read

This Week’s Frontend Highlights: Fonts, AST, Complexity, HTTP/3, Lazy Loading

WecTeam

Oct 24, 2019 · Fundamentals

How to Build a JavaScript Lexer for Arithmetic Expressions Using a Finite State Machine

This article explains how to implement a lexical analyzer in JavaScript that tokenizes simple arithmetic expressions by using a finite state machine, covering the conversion from infix notation to an abstract syntax tree, token definitions, state transitions, and complete source code examples.

ASTFinite State MachineJavaScript

0 likes · 9 min read

How to Build a JavaScript Lexer for Arithmetic Expressions Using a Finite State Machine

WecTeam

Oct 22, 2019 · Frontend Development

Mastering Font Choices: From Serif vs Sans-Serif to CSS Fallbacks

This article explains essential font knowledge for developers, covering serif and sans-serif classifications, CSS font-family groups, fallback mechanisms, font-weight behavior across platforms, and licensing considerations, helping teams make informed typography decisions.

TypographyWeb Designfont-weight

0 likes · 9 min read

Mastering Font Choices: From Serif vs Sans-Serif to CSS Fallbacks