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

Apr 27, 2020 · Frontend Development

Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks

This article presents a comprehensive front‑end performance checklist covering resource inventory, priority grouping, native JavaScript modules, tree‑shaking, code‑splitting, Web Workers, WebAssembly, pre‑compilation, differential serving, unused code removal, bundle trimming and predictive loading techniques, with practical tool recommendations.

PerformanceWeb WorkerWebAssembly

0 likes · 30 min read

Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks

WecTeam

Apr 22, 2020 · Frontend Development

How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist

This comprehensive 2020 front‑end performance checklist guides teams through planning, metric selection, environment setup, static asset optimization, build and transport strategies, testing, monitoring, and realistic goal setting, offering tools, budgets, and cultural practices to achieve faster, more responsive web experiences.

MetricsOptimizationPerformance

0 likes · 65 min read

How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist

WecTeam

Apr 15, 2020 · Frontend Development

Unlocking Chrome DevTools: Architecture, Protocols, and Remote Debugging Techniques

This article explores the components of Chrome DevTools, explains the DevTools Protocol structure, details the frontend architecture, and provides step‑by‑step guidance for remote debugging, custom extensions, and session replay using WebSocket forwarding and server‑side recording.

Chrome DevToolsDebuggingProtocol

0 likes · 24 min read

Unlocking Chrome DevTools: Architecture, Protocols, and Remote Debugging Techniques

WecTeam

Apr 8, 2020 · Frontend Development

How MPM Revolutionizes H5 Page Data Modeling for Efficient Multi‑Platform Rendering

This article details how JD's MPM visual H5 page builder tackles complex data‑request challenges by introducing a unified data model, request aggregation, and three‑end rendering support, offering a scalable solution that improves performance, maintainability, and developer experience across web, app, and server‑side rendering.

Data ModelingH5MPM

0 likes · 23 min read

How MPM Revolutionizes H5 Page Data Modeling for Efficient Multi‑Platform Rendering

WecTeam

Apr 7, 2020 · Frontend Development

Building a Cross‑Platform Desktop IDE with Electron: Architecture & Optimization

This article outlines how to create a cross‑platform desktop IDE using Electron, covering its architecture, development workflow with React‑TypeScript, code examples, performance and size optimizations, and future plans for modularizing core capabilities.

Desktop DevelopmentElectronPerformance optimization

0 likes · 14 min read

Building a Cross‑Platform Desktop IDE with Electron: Architecture & Optimization

WecTeam

Apr 2, 2020 · Frontend Development

How to Optimize WeChat Mini Program Performance: Data, Components, and SASS Tips

This article explains how to keep WeChat mini‑programs fast and small by wisely managing the Page data object, using customData or pureData, choosing proper component communication methods, limiting SASS nesting, and handling templates, imports, and main‑package resources.

Performance optimizationSassWeChat mini-program

0 likes · 15 min read

How to Optimize WeChat Mini Program Performance: Data, Components, and SASS Tips

WecTeam

Mar 26, 2020 · Frontend Development

Boost WeChat Mini Program Performance: Proven Strategies & Metrics

This article details comprehensive techniques for optimizing the performance of WeChat Mini Programs, covering metrics definition, Taro framework usage, code and asset reduction, rendering improvements, memory management, and real‑world results from the 京喜 homepage, providing actionable guidance for developers.

Code SplittingPerformance optimizationTaro

0 likes · 39 min read

Boost WeChat Mini Program Performance: Proven Strategies & Metrics

WecTeam

Feb 26, 2020 · Frontend Development

Unveiling MPM PageData: Architecture and Multi‑Platform Rendering

This article explains how MPM's PageData serves as the core JSON abstraction that links the visual editor with various rendering engines, detailing its structure, generation process, and parsing workflows for static H5, direct H5, and mini‑program platforms.

MPMNode.jsPageData

0 likes · 22 min read

Unveiling MPM PageData: Architecture and Multi‑Platform Rendering

WecTeam

Feb 12, 2020 · Frontend Development

Halve Shopping Cart Load Time with Auto Paging, Scroll Fixes, and Caching

By combining automatic pagination, removal of heavy scroll-view components, strategic data preloading, caching, and backend logic offloading, the JD mini‑program shopping cart page reduced first‑screen render time by over 50%, lowered CPU and memory usage, and delivered a smoother user experience across devices.

Cachingautomatic paginationbackend logic offload

0 likes · 18 min read

Halve Shopping Cart Load Time with Auto Paging, Scroll Fixes, and Caching

WecTeam

Jan 17, 2020 · Frontend Development

Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020

This week’s Front‑End roundup covers a visual page‑builder design, Canvas‑based image filters, a Vue vs React comparison, a 2019 technology review, Airbnb’s large‑scale GraphQL migration, and the latest ES2020 JavaScript features, each with concise insights and illustrative images.

ES2020GraphQLJavaScript

0 likes · 4 min read

Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020