Blog

Closures Explained (Simple Guide)

Clarifying what closures are, why they matter in JavaScript, and practice problems that cement the idea.

· 3 min
JavaScript

Lazy Loading Principles

This article introduces lazy loading principles, including usage scenarios and implementation details, to improve …

· 2 min
JavaScript

Fancy Console

Discover how to create fancy console outputs with colorful styles and ASCII art to make your webpage console more …

· 1 min
consoleJavaScriptCode Magic

HTML Space Display Issues

This article discusses HTML space display issues, including usage scenarios and implementation details, to make handling …

· 2 min
HTML

Native Browser Support for JS Base64

This post walks through browser-native JS Base64 support, covering use cases and implementation details to help you work …

· 1 min
JavaScript

Failed to load response data

This article introduces "Failed to load response data," including its advantages, implementation details, and related …

· 2 min
Chrome

ESLint Shared Configuration

This article introduces ESLint shared configuration, including its advantages, implementation details, and related …

· 2 min
Code QualityNode.js

Common Algorithm Problems

Practicing common algorithm problems: array deduplication, bubble sort, and prime number finding with various methods …

· 3 min

Software Metrics - Cyclomatic Complexity

Why cyclomatic complexity matters, how to calculate it, recommended thresholds, and how ESLint/Checkstyle enforce it.

· 4 min
Code Quality

Assertion Practices in JS Development and Debugging

This post discusses assertion practices in JS development and debugging, including concepts, use cases, and references.

· 3 min
JavaScript

KSA Model

This post introduces the KSA model, its meaning, and my thoughts on applying it to learning.

· 1 min
Reflections

Internet Access Solutions

This article introduces internet access solutions, including usage scenarios and implementation details to improve …

· 3 min
Network Tools

Why Block-Level Elements Cannot Be Contained Within P Tags

This article explains why block-level elements cannot be contained within P tags, including the advantages, …

· 2 min
HTML

Bought AirPods (2nd Gen)

Why I upgraded from AirPods Gen 1, who should buy them, Gen 2 vs. Gen 1/Pro, battery life, and resale options.

· 3 min
Apple Ecosystem硬件设备

The Deprecated componentWillReceiveProps

This article introduces the deprecated componentWillReceiveProps, including usage scenarios and implementation details, …

· 2 min
React

react-intl v3 Upgrade

This article introduces the react-intl v3 upgrade, including its advantages, implementation details, and relevant …

· 3 min
React

Learn to Ask Better Questions

Reflections on the X-Y Problem and why clear, thoughtful questions save everyone time.

· 1 min
Personal Notes

Implementing WebSocket in Projects — Cluster Scenarios

How we used Redis pub/sub to fan out WebSocket messages across clustered Spring Boot instances.

· 2 min
WebSocketRedis

Implementing One-Click Bluetooth Device Connection with Alfred

This article introduces how to implement one-click Bluetooth device connection using Alfred, including the advantages of …

· 2 min
Productivity Tools

First Time Developing a Chrome Extension

Notes from building my first Chrome extension for JD.com coupon automation—key capabilities, workflow tips, and …

· 3 min
Chrome

Switching Blog Search to Algolia

Migrated from Swiftype/local search to Algolia on Hexo + NexT: account setup, keys, theme and site config, indexing, and …

· 2 min

Implementing One-Click Evernote Search in Alfred

This article explains how to implement one-click Evernote search in Alfred, including why it is useful, the …

· 1 min
Productivity Tools

Implementing One-Click OCR Screenshot Text Recognition with Alfred

This article introduces implementing one-click OCR screenshot text recognition with Alfred, including OCR advantages, …

· 1 min
Productivity Tools

Web Page Font Flickering Issues

Diagnosing custom font flicker and practical fixes: CSS extraction, font preloads, file formats, font-display strategy, …

· 4 min
Frontend DevelopmentChrome

Implementing One-Click OpenConnect VPN Login with Alfred

This article introduces how to implement one-click OpenConnect VPN login using Alfred, including the advantages of …

· 2 min
Productivity ToolsNetwork Tools