Regularly sharing the team's insights and expertise in the frontend field
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.
This article details a solution for playing newly added drink videos on Android TV devices by converting large files into HLS streams, using service workers to cache each fragment in IndexedDB, and employing hls.js to enable seamless offline playback while managing memory constraints.
This article introduces Plug, a unified front‑end tool that combines non‑intrusive interface capture, flexible mocking, and large‑model assistance to streamline API development for both mini‑programs and PC, while addressing HTTPS proxy challenges and performance considerations.
