Programming

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

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

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

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

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

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

No Nested Ternary

This article introduces the no-nested-ternary rule, including its advantages, implementation details, and relevant …

· 1 min
Code QualityJavaScript

Reading the Alibaba Java Development Manual

Thoughts after reading Alibaba’s Java Development Manual (Taishan Edition) and how to internalize the conventions.

· 2 min
Code Quality

Architecture Decision Records — ADR

An introduction to Architecture Decision Records (ADRs): why teams need them, how to use them, and a template to start.

· 1 min
Architecture

TypeScript Decorator Practice

Overview of TypeScript decorators, how to enable them, and a practical example transforming Redux action types.

· 2 min
TypeScript

Google Engineering Practices — CR and MR

Takeaways from Google’s engineering practices on changelists (CLs), merge requests (MRs), and code reviews (CRs).

· 2 min
Code Quality

Site Security - CSP

Why CSP matters for site security, how to configure it via headers or meta tags, and common policies worth enabling.

· 2 min
Network Security

Migrating from TSLint to ESLint

TSLint is deprecated—here’s why you should migrate, what the roadmap says, and both automated and manual steps to switch …

· 2 min
Code Quality

Migrating from ts-loader to babel-loader

Why I switched from ts-loader to babel-loader, sample configuration, performance notes, and common questions.

· 1 min
TypeScript

Improving Redux Saga Error Readability

This article introduces improving Redux Saga error readability, including usage scenarios and implementation details to …

· 1 min
React

Implementing a Loading Middleware with Redux-Saga

Shows how to toggle global loading masks at the saga layer, wrap effects with middleware, and avoid repetitive spinner …

· 1 min
React

Beginning CSS Preprocessors: Key Takeaways

This article introduces the book "Beginning CSS Preprocessors", covering its advantages, implementation details, and …

· 3 min
CSS

Case Styles in Frontend Programming

Common case styles (Pascal, camel, kebab, snake, dot) and pragmatic conventions by context.

· 2 min
Code Quality

[Translation] Event Handler Naming in React

This post translates and discusses naming conventions for event handlers in React, with practical guidance and …

· 3 min
ReactJavaScriptTranslation

window.open Basics

A clarification on window.open URLs, relative vs absolute paths, dev vs build behavior, and why both may 'work' during …

· 2 min
JavaScript