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.
This article explains how to transform raw HTML strings into a structured abstract syntax tree (AST) using JavaScript regular expressions and a step‑by‑step parsing algorithm, covering tag, attribute, and text node handling, with a complete example implementation of a lightweight AST parser.
An iOS‑only performance nightmare caused by a heavy CSS blur filter was solved by adding a GPU‑accelerating property, and the article explains the browser rendering pipeline, compositing layers, implicit compositing pitfalls, and practical optimization techniques for smoother front‑end experiences.
This article walks through creating a GUI‑based JSON editor for the Social Cube platform using Electron, covering environment setup, dual webpack configurations, IPC communication, data persistence with Dexie, real‑time file syncing, context menus, logging, packaging with electron‑builder, and update handling, all illustrated with code snippets.
This article walks through creating a lightweight Mocha‑like testing framework in JavaScript, covering BDD‑style APIs, directory layout, suite and test class design, hook handling, asynchronous support, a runner that traverses the suite‑test tree, and a reporter that outputs test results.
This article details how the MPM page rendering service at JD.com was profiled with v8‑profiler, identified heavy replace and compile calls, and applied string‑splitting, Vue transformCode hooks, and a custom lightweight compiler to cut CPU consumption by roughly 20%, improving stability during traffic spikes.
This article explores the concept of front-end resource governance, outlining its definition, common challenges in large-scale projects, and practical implementation strategies such as page management, static analysis, system integration, and bidirectional dependency queries to improve development efficiency.
This tutorial explains six different approaches—using z-index, opacity, borders, box‑shadow, element cloning, and canvas—to create a guide overlay (mask layer) that highlights specific page areas without relying on image assets, complete with code examples and visual demos.
This article explains the main factors that drain battery power on mobile and laptop browsers and provides practical front‑end techniques—such as minimizing timers, using CSS animations, leveraging visibility APIs, and optimizing network requests—to keep web pages energy‑efficient and extend user device battery life.
This guide explains what loaders are in Webpack, walks through creating a simple yaml-loader that converts YAML to JSON, shows how to integrate it with webpack configuration, and demonstrates a more advanced AST‑based implementation with best‑practice development tips.
This article explains how modern browsers now support native ES2015 modules, why earlier performance concerns were based on outdated tests, and provides detailed guidance on using Rollup, code‑splitting, dynamic imports, modulepreload, and polyfills to achieve faster, smaller, and future‑proof web applications.
