Regularly sharing the team's insights and expertise in the frontend field
An unexpected TypeError in Taro’s useRouter reveals that the router can be null after onHide, leading to crashes; this article dissects the root cause in Taro 3.6.29, examines the code flow, and presents a Babel plugin workaround that safely retrieves parameters.
This article explains how to streamline the repetitive manual publishing of WeChat, Alipay, and Douyin mini‑programs by using Node.js tools, a unified configuration center, Jenkins pipelines, and DingTalk notifications to achieve one‑click, synchronized releases in under ten minutes.
This article explains how to create a web‑based Android terminal by combining ADB, a persistent socket connection, node‑pty, and xterm.js, enabling remote device management, command execution, and file operations for IoT and development scenarios.
Learn how to configure Figma's Dev Mode MCP, connect it to AI coding assistants like Cursor, and generate accurate mobile front‑end code with Taro and React, leveraging component and icon libraries to streamline design‑to‑code workflows and improve development efficiency.
This article shares a practical guide on mentoring software interns, covering ability assessment, task planning, communication, pressure management, priority setting, and regular retrospectives to avoid common pitfalls and foster intern growth.
HTTP Live Streaming (HLS) is Apple’s HTTP‑based media protocol that segments video into .ts files indexed by .m3u8 playlists, supporting adaptive bitrate, encryption, and CDN acceleration, and the article compares its features, workflow, VOD vs live modes, and how to generate segments with ffmpeg.
This article explains how to create a plug‑in mini‑program container that runs across web, app, and desktop platforms by converting mini‑program syntax to HTML, bundling CSS and JavaScript, generating JSX, and integrating a runtime layer with React, Node, and optional Tauri support.
To overcome the 2 MB main‑package limit of WeChat mini‑programs, this guide details a step‑by‑step solution that uses @galacean/effects for stunning homepage animations, applies page and module splitting, Babel and webpack plugins, and Taro configuration to move large code into asynchronous sub‑packages.
This article explains why Chinese web fonts can be huge, compares TTF and WOFF2 sizes, and provides practical steps—including font subsetting with Python fontTools and on‑the‑fly loading via the FontFace API—to reduce font files from megabytes to a few kilobytes and dramatically speed up page rendering.
This article compares two frontend techniques—CSS3 transform and Canvas Transform—for scaling, rotating, moving, and cropping user‑selected images, explaining their implementation steps, code examples, advantages, limitations, and how to export the final result.
