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 Vue single‑file components are compiled into render functions and staticRenderFns, and provides a step‑by‑step method to reverse‑engineer the compiled JavaScript back into the original template, style, and script sections using AST parsing, transformation, and code generation techniques.
This article explains how to leverage Webpack to perform comprehensive file dependency analysis for WeChat mini‑programs, covering the creation of dynamic entry files, custom loaders for wxss, wxml, wxs, and json, handling path issues, and preparing resources for efficient packaging.
This article chronicles the evolution of the WebMonitor front‑end monitoring system, detailing its three‑tier stack, data pipeline upgrades from raw disk sampling to HDFS and Elasticsearch, extensive collector‑side optimizations, Jetty thread and timeout tuning, and the resulting performance gains that lowered response times from minutes to sub‑second levels.
This step‑by‑step tutorial shows how to create a circular countdown timer by constructing a fixed container, drawing light and dark arcs with CSS, adding a masking circle, and animating the progress using a small JavaScript snippet that updates the rotation and countdown display.
This week’s WecTeam frontend roundup covers Meituan’s Flutter dynamic system (Flap) that unifies DSL and runtime for faster releases, the official launch of ES2020 (ES11) adding ten new JavaScript features, and a low‑cost AST‑based code‑scanning technique for detecting financial‑loss risks in source code.
This article explains why front‑end error logging is essential, how BadJS (JavaScript runtime errors) are captured, enriched, and reported, and provides practical strategies for analyzing logs, handling Script errors, dealing with hybrid WebView environments, and scaling the system with big‑data pipelines.
This article reviews the CSS animation techniques used in the 京喜工厂 mini‑game, covering animation principles, comparisons with SVG and JavaScript, detailed implementations of linear and step‑based animations, path animations using offset‑path and layered timing functions, and tools for visualizing and fine‑tuning keyframes.
This article presents a comprehensive front‑end performance checklist covering network optimizations like OCSP stapling, IPv6 adoption, HTTP/2 deployment, HTTP/3 readiness, HPACK compression, security hardening, testing workflows, continuous monitoring, and quick‑win tactics to dramatically improve page load times and user experience.
This article presents an in‑depth front‑end performance checklist covering transfer optimizations, script loading strategies, IntersectionObserver lazy loading, critical CSS inlining, resource hints, service‑worker caching, connection‑aware components, and techniques to prevent layout shifts and improve rendering speed.
This article presents a comprehensive front‑end performance checklist covering JavaScript engine targeting, script defer and streaming, progressive boot, server‑side versus client‑side rendering strategies, hydration techniques, third‑party script management, self‑hosting assets, and proper HTTP caching headers to dramatically reduce load and interactive times.
