Frontend Development

Mini-Program Avatar and Nickname Retrieval

This article introduces methods for retrieving user avatars and nicknames in mini-programs, including new API usage, compatibility handling, and best practices to help developers correctly implement user information retrieval functionality.

Aug 4, 2025

Understanding Tailwind

Recently, an open source project needed an H5 version, so I decided to try Tailwind. Here I’ll mark down my understanding and feelings after using it. For learning materials, the official website is of course the top recommendation. Here I’ll mainly share my rough understanding.

Jul 24, 2025

Web Dev — Show Search Button on iOS Keyboard

How to display a Search action on the software keyboard across iOS and Android and handle the resulting events.

Feb 20, 2025

Click-to-Component Source Code Analysis

Click-to-component is a React component that enables one-click navigation to source code, significantly improving development efficiency. Here I attempt to read the source code and document key points. Source Code Structure The project uses pnpm as the package management tool, with pnpm workspace managing multiple packages.

Dec 31, 2024

Common Issues in WeChat Mini Program Development

This article covers common issues in WeChat mini program development, including use cases and implementation details to improve efficiency in WeChat mini program development.

Oct 29, 2021

Online Issue - ERR_CONNECTION_CLOSED

This article discusses online issue - ERR_CONNECTION_CLOSED, including usage scenarios, implementation details, etc., to improve efficiency in handling online issue - ERR_CONNECTION_CLOSED problems.

Sep 21, 2021

Web Page Font Flickering Issues

Diagnosing custom font flicker and practical fixes: CSS extraction, font preloads, file formats, font-display strategy, and how browsers load assets.

May 28, 2020

Frontend Tree Shaking

This article introduces frontend tree shaking, including usage scenarios and implementation details, to make tree shaking more effective.

Oct 4, 2019

Implementing Less and CSS Modules in Projects

Why our React project paired Less with CSS Modules, the webpack/TypeScript setup, and how we organize themes vs. component styles.

Sep 1, 2019

Using Web Fonts in Frontend

Overview of web font usage: formats, loading strategies, performance, and compatibility tips.

Aug 11, 2019