Tencent WeChat Public Platform Frontend Team
This article explains how to use WebGL shaders and signed distance functions to draw rectangles and rounded rectangles, covering basic shader setup, SDF formulas for circles, boxes, and rounded boxes, and applying antialiasing techniques to achieve smooth edges for dynamic UI cards.
After upgrading a project to Vite, users on iOS 11 experienced blank pages due to compatibility issues caused by esbuild’s minification generating modern syntax; the article explains the root cause, examines legacy plugin settings, and shows how explicitly setting esbuild.target to 'es6' (or using terser) resolves the problem.
This article explains the concept of domain‑specific languages (DSLs), compares internal and external DSLs, shows how to design a survey‑specific DSL with PEG.js, and discusses when using a DSL is worthwhile versus relying on existing tools.
This article explains the roles, differences, and practical usage of Prettier and ESLint in JavaScript projects, demonstrates how to configure and run them, and connects linting to clean‑code principles and effective team workflows.
This article explains Vue’s reactive system, compares Vue 2.6’s Object.defineProperty approach with Vue 3’s Proxy implementation, details how observers are defined, collected, and triggered, and shows why the asynchronous update queue improves performance and maintainability.
This article explores how to implement Dark Mode in WeChat public platform articles, covering detection methods, challenges of custom inline styles, comparative algorithms from Chrome and Outlook, a custom color‑processing solution, and performance optimizations for first‑screen rendering.
By inlining placeholder logic, triggering it at DOMContentLoaded, and calculating placeholder dimensions based on the nearest non‑zero‑width ancestor rather than screen width, this guide shows how to prevent first‑screen layout shifts caused by image loading in modern web front‑end development.
This article explains why encodeURIComponent can raise a URI malformed error, clarifies the concepts of high and low surrogate pairs, and provides a comprehensive overview of character sets, Unicode, and the UTF‑8 and UTF‑16 encodings used in JavaScript.
This article explains how to build and use compose functions in JavaScript—including two‑argument, variadic, and prototype‑based versions—demonstrates practical examples, and highlights the benefits of pure functions and functional composition for modular, testable frontend code.
This article explains what currying is, its advantages, and provides a generic JavaScript currying function, demonstrating how to transform multi‑parameter functions into single‑parameter chains to improve code reuse, enable lazy evaluation, and enhance overall code quality in functional programming.
