Sharing fresh technical insights
This article provides a comprehensive guide to Vue 3, covering its performance improvements, tree‑shaking support, Composition API, new global APIs, lifecycle changes, reactive system enhancements, and practical code examples to help developers migrate from Vue 2 to Vue 3 efficiently.
This article explains the WebSocket handshake protocol, compares short‑polling, long‑polling, and WebSocket connections, and shares practical implementations in WeChat mini‑programs—including authentication, heartbeat, RTT simulation, compression, reconnection strategies, caching, and TCP_NODELAY tuning, complete with code examples.
This comprehensive guide explains why WebAssembly exists, how it outperforms JavaScript, walks through compiling C/C++ code (including libwebp and FFmpeg) to WebAssembly with Emscripten, shows how to call native functions from JavaScript, manage the virtual file system, and debug the resulting modules using Chrome DevTools.
This article explains the inner workings of the TypeScript compiler, detailing each stage—from scanning source code into tokens, parsing tokens into an AST, binding symbols, performing type checking, to emitting JavaScript and declaration files—while providing code examples and diagrams of the process.
Nginx, a high‑performance HTTP and mail proxy server, achieves near‑million QPS throughput through its multi‑process architecture, efficient CPU core utilization, and fine‑grained configuration options, and this guide explains its design, core processes, configuration syntax, common directives, and practical usage scenarios for developers and ops engineers.
This article explains how to implement native HTML5 drag‑and‑drop, details the required draggable attribute, describes all related events, shows a simple JavaScript demo, discusses common pitfalls such as repeated ondragover and ghosting, and compares popular React libraries for drag‑and‑drop.
This article dives into V8's internal optimizations for object properties, covering fast and slow properties, in‑object storage, hidden classes, array holes, fast/slow arrays, and inline caches, and offers practical advice for writing high‑performance JavaScript code.
WebRTC, the browser‑based real‑time communication standard, evolved from early VoIP acquisitions to a W3C‑approved protocol suite, offering plugin‑free audio/video streaming, a rich protocol stack, cross‑browser compatibility, and JavaScript APIs illustrated with detailed code examples for signaling, ICE, SDP, and peer connections.
This article explains what Webpack's Hot Module Replacement (HMR) is, walks through its configuration steps, and dives deep into the underlying mechanisms—including the dev server, socket communication, and HotModuleReplacementPlugin—showing how HMR enables instant, state‑preserving updates during development.
This article walks through the fundamentals of Figma plugin development, explaining the architecture of main and UI threads, demonstrating core features of the lego‑quiz‑figma plugin, and providing a complete workflow from creating the manifest to publishing the plugin, complete with code examples and best‑practice tips.
