Regularly sharing the team's insights and expertise in the frontend field
This article dissects Claude Code's skill system, tracing its evolution from early prompt engineering to the modern skill framework, detailing the loading pipeline, SKILL.md structure, lazy compilation, command routing, and the system's strengths and limitations.
This article explains how to identify weak network conditions in HTML5 video players, leverage the NetworkInformation API and video element events, and implement a custom loading indicator with optional bandwidth display, complete with code examples and practical considerations.
This article explains why web pages feel sluggish, how React Fiber’s interruptible asynchronous rendering solves the jank problem, and walks through progressively refined implementations—from a basic React demo to a full Fiber renderer with work‑loop scheduling, diffing, and performance optimizations.
The article examines the hype around AI agents, explains why they currently cannot fully take over front‑end development in company projects due to fragmented context, stability demands, and long‑term architectural needs, and offers practical strategies and prompt templates for realistic, productive use.
This article introduces the Model Context Protocol (MCP) and Large Language Models (LLM), explains their core concepts, transmission mechanisms, lifecycle, and essential modules, and provides step‑by‑step code examples for creating an MCP server, adding tools, resources, prompts, and debugging workflows to accelerate AI‑driven development.
This article explains how to integrate Galacean Effects into a Taro 3.x mini‑program to create ritualistic card‑merge animations, covers installation, code examples, loading‑time analysis, and offline‑package optimization that dramatically reduces first‑frame delay and improves user experience.
An in‑depth exploration reveals how setting the crossOrigin attribute on images prevents strong HTTP caching in Canvas operations, detailing the browser's cache‑key composition, the security implications of Canvas tainting, and practical strategies to standardize requests, configure CORS, and optimize performance.
A front‑end engineer investigates a client’s complaint that arrow‑key scrolling fails on a page, discovers the issue stems from Ant Design’s Tabs component assigning tabindex=0 to TabPane elements, which hijacks focus, and outlines how proper tabindex usage restores expected keyboard navigation.
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.
