WecTeam
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.

74
Articles
0
Likes
106
Views
0
Comments
Recent Articles

Latest from WecTeam

74 recent articles
WecTeam
WecTeam
Jan 16, 2020 · Frontend Development

Create Stunning Image Filters with Canvas: From Basics to Convolution

This tutorial explains how to implement common image filters such as red, grayscale, and inverse effects using the Canvas API, then introduces convolution fundamentals to achieve advanced effects like edge detection and sharpening, complete with code samples and visual results.

ConvolutionImage FilteringJavaScript
0 likes · 14 min read
Create Stunning Image Filters with Canvas: From Basics to Convolution
WecTeam
WecTeam
Jan 14, 2020 · Frontend Development

How JD’s Mart Page Maker Revolutionizes Front‑End Development with Zero‑Code Visual Building

This article explains how JD’s self‑built Mart Page Maker (MPM) enables large‑scale e‑commerce teams to create complex marketplace pages instantly without coding, by leveraging rich component templates, a three‑layer configuration model, unified data sources, and a high‑performance Node rendering layer.

e-commercefrontendtemplate-engine
0 likes · 21 min read
How JD’s Mart Page Maker Revolutionizes Front‑End Development with Zero‑Code Visual Building
WecTeam
WecTeam
Jan 9, 2020 · Frontend Development

How to Build a Switchable DOM & Canvas Web Gomoku Game from Scratch

This tutorial walks through creating a lightweight web Gomoku game using JavaScript, detailing both a plain‑DOM renderer and a Canvas renderer, their interchangeable architecture, and core features like move handling, undo/redo, win detection, and board resetting.

DOMGomokuJavaScript
0 likes · 21 min read
How to Build a Switchable DOM & Canvas Web Gomoku Game from Scratch
WecTeam
WecTeam
Jan 7, 2020 · Frontend Development

Master Vue Testing: From Unit to End-to-End with Mocha, Cypress, and Vue CLI

Learn how to write comprehensive tests for Vue applications—including unit, integration, and end-to-end tests—using Vue CLI, Mocha, Chai, Vue Test Utils, Vuex, Vue Router, Sinon, and Cypress, with practical code examples that demonstrate test setup, mocking, and browser verification.

CypressIntegration TestsUnit Tests
0 likes · 17 min read
Master Vue Testing: From Unit to End-to-End with Mocha, Cypress, and Vue CLI
WecTeam
WecTeam
Jan 2, 2020 · Frontend Development

How to Simulate Browser Cookies in WeChat Mini Programs: A Complete Guide

This article explains why WeChat Mini Programs need a custom cookie solution, details the browser cookie model, and provides a step‑by‑step implementation using the Mini Program Storage and Network APIs, including code samples, performance tips, testing, and security considerations.

JavaScriptNetwork RequestStorage API
0 likes · 14 min read
How to Simulate Browser Cookies in WeChat Mini Programs: A Complete Guide
WecTeam
WecTeam
Dec 31, 2019 · Frontend Development

Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples

This article chronicles a developer's transition from plain JavaScript to TypeScript, illustrating how static typing improves code robustness, debugging, and documentation while also discussing migration steps, common pitfalls, and practical examples across frontend projects.

JavaScriptStatic TypingTypeScript
0 likes · 19 min read
Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples
WecTeam
WecTeam
Dec 26, 2019 · Fundamentals

How to Build a Custom JSON Parser in JavaScript from Scratch

This article walks through creating a JSON parser in JavaScript, covering the JSON grammar, railroad and BNF diagrams, step‑by‑step implementation of object, array and value parsing, robust error handling, and suggestions for meaningful error messages.

Error HandlingJSONJavaScript
0 likes · 13 min read
How to Build a Custom JSON Parser in JavaScript from Scratch
WecTeam
WecTeam
Dec 24, 2019 · Frontend Development

How to Get Full TypeScript IntelliSense in Plain JavaScript with VSCode

This tutorial explains how to bring TypeScript‑style type checking and autocomplete into regular JavaScript files using VSCode, JSDoc comments, and declaration files, allowing developers to enjoy static‑type benefits without converting the whole project to .ts files.

JSDocJavaScriptType Declarations
0 likes · 31 min read
How to Get Full TypeScript IntelliSense in Plain JavaScript with VSCode
WecTeam
WecTeam
Dec 19, 2019 · Backend Development

Master TypeScript Migration from Koa2 to Midway: Tame any and Build a Strong Type System

This article shares practical experiences and techniques for migrating a medium‑size Koa2 project to TypeScript with Midway, covering tsconfig settings, the dangers of any, strategies using unknown, strict compiler options, type guards, assertion functions, and how to construct a concise, reusable type system for backend models.

KoaMidwayTypeScript
0 likes · 27 min read
Master TypeScript Migration from Koa2 to Midway: Tame any and Build a Strong Type System
WecTeam
WecTeam
Dec 17, 2019 · Frontend Development

How JD Optimized Its WeChat Shopping Homepage for Lightning‑Fast Performance

By combining server‑side rendering, critical‑render‑path tuning, resource minification, image format upgrades, and RAIL‑based multi‑dimensional monitoring, JD dramatically reduced its WeChat shopping homepage’s first‑screen load time, offering a practical roadmap for front‑end performance optimization.

MonitoringRAIL modelcritical render path
0 likes · 17 min read
How JD Optimized Its WeChat Shopping Homepage for Lightning‑Fast Performance