Official WeDoctor Group frontend public account, sharing original tech articles, events, job postings, and occasional daily updates from our tech team.
This article walks through Vue 3's initialization process, explaining what createApp(App).mount('#app') does, how the runtime‑dom and runtime‑core modules create and render VNodes, and how patch, shapeFlags, and patchFlags drive efficient DOM updates.
This article introduces Aspect‑Oriented Programming (AOP) for JavaScript developers, explains core concepts such as aspects, advices, and pointcuts, provides a step‑by‑step implementation with reusable code, and discusses the benefits and pitfalls of using AOP in real projects.
This article explains React 16’s new Fiber architecture and its cooperative scheduling algorithm, showing how large diff tasks are split into small asynchronous units using priority queues and min‑heap structures, with code examples, performance visuals, and insights into real‑time and delayed task handling.
This article explains WebRTC fundamentals, its architecture, signaling, ICE, STUN/TURN mechanisms, and provides step‑by‑step guidance to build a peer‑to‑peer video chat using JavaScript APIs, Koa and Socket.io, including coturn server setup and essential code snippets.
This article explores the AVIF image format—derived from AV1 video—comparing its lossy and lossless compression performance against JPEG, WebP, and PNG across various test images, discussing acceptable quality thresholds, encoding/decoding times, tooling, and practical recommendations for web developers.
This article shares a front‑end engineer’s practical experience optimizing Vue SSR for a rapidly growing medical platform, covering background, SSR pros and cons, conventional and deep‑level caching strategies, CDN integration, network tuning, and the trade‑offs of each approach.
This article examines the YYCache iOS library, covering its multi‑level architecture, LRU implementation, thread‑safe APIs, eviction policies, lock choices, disk‑storage strategies, Swift integration, performance benchmarks, and practical takeaways for building high‑performance mobile caches.
This article explains how Webpack's core Tapable library powers its plugin system, detailing the various hook types, registration and triggering mechanisms, and provides practical code examples for creating and using custom plugins within a Webpack build pipeline.
This article dissects React's synthetic event mechanism—from event delegation and pooling to dispatching and batching—using a button‑modal example, code walkthroughs, and comparisons between native and React event handling, while also covering improvements introduced in React 17.
This article introduces common frontend design patterns—creational, structural, and behavioral—explains the SOLID principles behind them, and provides clear JavaScript examples for each pattern, helping developers understand when and how to apply them for more maintainable code.
