Author

WeDoctor Frontend Technology

Official WeDoctor Group frontend public account, sharing original tech articles, events, job postings, and occasional daily updates from our tech team.

107

Articles

Likes

152

Views

Comments

Latest from WeDoctor Frontend Technology

100 recent articles max

WeDoctor Frontend Technology

Jul 27, 2021 · Frontend Development

How We Tamed Vue SSR Under Massive Traffic: Caching, CDN, and Auto‑Degrade Strategies

This article recounts how a Vue‑SSR e‑commerce site was repeatedly overloaded during three promotional phases and how the team applied static‑dynamic data separation, CDN integration, application‑level caching, auto‑degrade rendering, rate‑limited APIs, and hydration fixes to achieve stable high‑traffic performance.

CDNHydration ErrorsVue SSR

0 likes · 12 min read

How We Tamed Vue SSR Under Massive Traffic: Caching, CDN, and Auto‑Degrade Strategies

WeDoctor Frontend Technology

Jul 25, 2021 · Frontend Development

Mastering CSS content: How to Use ::before, ::after and Replace Elements

This article explains the CSS content property, how it works with ::before and ::after pseudo‑elements to insert generated content, the concept of replaceable elements, size calculation rules, and practical use cases such as inserting characters, creating shapes, image generation, attribute values, icon fonts and counters.

CSSCSS counterscontent

0 likes · 14 min read

Mastering CSS content: How to Use ::before, ::after and Replace Elements

WeDoctor Frontend Technology

Jul 21, 2021 · Frontend Development

7 JavaScript Object Traversal Techniques Illustrated with Allen Iverson

This article examines seven ways to iterate over JavaScript objects—excluding arrays, Map, and Set—using a sample player object modeled after Allen Iverson, detailing each method’s handling of own, inherited, enumerable, non‑enumerable, and Symbol properties, with code examples and output analysis.

Object TraversalObject.keysSymbol

0 likes · 9 min read

7 JavaScript Object Traversal Techniques Illustrated with Allen Iverson

WeDoctor Frontend Technology

Jul 18, 2021 · Frontend Development

Build a Chrome Extension that Communicates with a Local WebSocket Service

This tutorial walks through creating a Chrome extension from scratch, setting up a Node.js WebSocket server with Express and Socket.IO, and wiring the extension’s background, content‑script, and popup scripts together so they can exchange messages and automate browser actions.

Chrome ExtensionJavaScriptNode.js

0 likes · 17 min read

Build a Chrome Extension that Communicates with a Local WebSocket Service

WeDoctor Frontend Technology

Jul 14, 2021 · Frontend Development

Mastering Module Federation: From NPM Sharing to Advanced Remote Loading

This article explains how to share UI modules via NPM packages and Module Federation, compares traditional iframe approaches, dives into low‑level and high‑level concepts, demonstrates practical webpack configurations, version‑selection strategies, and runtime loading mechanisms with detailed code examples.

Frontend ArchitectureJavaScriptModule Federation

0 likes · 20 min read

Mastering Module Federation: From NPM Sharing to Advanced Remote Loading

WeDoctor Frontend Technology

Jul 11, 2021 · Frontend Development

Mastering JavaScript AST: From Basics to Real-World Code Transformations

This article introduces the concept of Abstract Syntax Trees (AST) in JavaScript, explains their purpose and generation process, and demonstrates practical examples such as removing debugger statements and enhancing console.log calls using Babel’s parser, traverse, and generator tools.

ASTBabelcode transformation

0 likes · 11 min read

Mastering JavaScript AST: From Basics to Real-World Code Transformations

WeDoctor Frontend Technology

Jul 7, 2021 · Frontend Development

Mastering Webpack: From Zero to Advanced Configuration for Faster Development

This comprehensive tutorial walks you through setting up a minimal Webpack project, adding Babel, configuring dev‑server with hot reload, optimizing source maps, splitting environments, handling CSS/LESS, extracting and minifying assets, managing static resources, and applying advanced performance tricks such as caching, code splitting, and multi‑threaded loaders.

BuildOptimizationWebpack

0 likes · 24 min read

Mastering Webpack: From Zero to Advanced Configuration for Faster Development

WeDoctor Frontend Technology

Jul 5, 2021 · Frontend Development

How to Migrate Vue2 Projects to Vite 2.3.7: Step-by-Step Guide & Common Pitfalls

This guide explains which projects are suitable for migrating to Vite 2.3.7, provides a detailed migration workflow using Vite for development while keeping Webpack for production, and lists frequent issues with solutions, covering configuration, plugins, environment variables, proxy setup, TypeScript, JSX, and common debugging tips.

ViteVue2

0 likes · 10 min read

How to Migrate Vue2 Projects to Vite 2.3.7: Step-by-Step Guide & Common Pitfalls

WeDoctor Frontend Technology

Jun 30, 2021 · Frontend Development

Mastering Webpack Code Splitting: From Entry Points to Magic Comments

This article explains how to use Webpack's code splitting techniques—including multiple entry points, the SplitChunksPlugin, dynamic imports, and magic comments—to break large bundles into smaller chunks, reduce duplicate dependencies, and improve loading performance in modern frontend applications.

JavaScriptOptimizationWebpack

0 likes · 13 min read

Mastering Webpack Code Splitting: From Entry Points to Magic Comments

WeDoctor Frontend Technology

Jun 27, 2021 · Frontend Development

How Webpack and Rollup Implement Tree-Shaking: A Deep Dive

This article compares the tree‑shaking mechanisms of Rollup and Webpack, explains the three stages Webpack uses (UglifyJS, BabelMinify, Terser), details side‑effects handling, configuration tips, and performance benchmarks, providing practical guidance for optimizing bundle size in modern JavaScript projects.

JavaScriptRollupUglifyJS

0 likes · 18 min read

How Webpack and Rollup Implement Tree-Shaking: A Deep Dive