Blog

Add Copyright to Code File

Learn how to efficiently add copyright notices to multiple code files in JetBrains IDEs like WebStorm and IntelliJ IDEA, …

· 2 min
WebStormEfficiencyCopyrightLicense

Contributing TS Type Declarations to Open Source Projects

How to create, package, and reference TypeScript declaration files when contributing typings to open-source projects.

· 1 min
TypeScript

307 Redirect to HTTPS Error When Accessing WEB in Chrome

This article explains the 307 redirect to HTTPS error when accessing websites in Chrome, including the causes, …

· 2 min
Chrome

Dockerizing Frontend Build and Deployment

Make frontend build/package/deploy reproducible with Docker and docker-compose: images, services, reverse proxy, TLS, …

· 1 min
Deployment & OperationsDockerFrontend Development

Lesser-Known TypeScript Types

Covers `never`, `ArrayLike`, and `PromiseLike`, when to use them, and links to further reading.

· 2 min
TypeScript

Online Issue - Rendering Anomalies

This article discusses online issue - rendering anomalies, including usage scenarios, implementation details, etc., to …

· 2 min
React

How to Use Wireshark (Step-by-Step Guide)

A practical guide to Wireshark for HTTP/HTTPS/WebSocket analysis, tips for capture, filters, and syncing configs across …

· 2 min

Zip Download Fails to Unzip in Frontend — Fix

Binary download succeeded but unzip failed; Postman worked. Root cause and fix: set XHR responseType to 'blob'.

· 4 min
JavaScript

About .DS_Store on Mac

This post explains what .DS_Store is on Mac, why it can be a security risk, and how to prevent it.

· 2 min
MacSecurity

How to Use Surge Module (Step-by-Step Guide)

Explains what Surge modules are, how they override the base profile, debugging tips, and practical module use cases.

· 2 min
Network Tools

react/display-name

This article introduces the react/display-name rule, including its advantages, implementation details, and related …

· 2 min
React

JavaScript arguments Object

This article provides an introduction to JavaScript arguments object, including its limitations, comparison with rest …

· 1 min
JavaScript

When tsc Compiled to ES3

Postmortem of a production build that emitted ES3 JavaScript, why it happened, and how we fixed our component library …

· 1 min
JavaScript

sideEffects in package.json

An explanation of the sideEffects field in package.json, including its purpose, usage patterns, and how it enables …

· 2 min
Build ToolsNode.jsWebpackTree Shaking

Parsing ZIP File Uploads

How to handle ZIP file uploads: reading ZIPs on the frontend, writing on the backend, and practical parsing tips.

· 2 min
JavaScript

GitHub Action Practice - Updating Workflow Version Badge

This article introduces GitHub Action practice for updating workflow version badges, including advantages, …

· 2 min
Productivity Tools

What Is Dva? A Simple Guide

What dva is, how it layers on Redux + redux-saga with models/subscriptions, and basic usage patterns.

· 4 min

Developing Alfred JS SDK

This article introduces developing Alfred JS SDK, including usage scenarios and implementation details, to improve …

· 2 min
Productivity ToolsJavaScript

了解redux-duck

本文介绍了解redux-duck,包括使用场景、实现细节等,以提高了解redux-duck的效率。

· 3 min
React

One-Click Switching of Whistle Proxy Rules with Alfred

This article introduces implementing one-click switching of Whistle proxy rules with Alfred, including advantages, …

· 1 min
Productivity Tools

Enabling GitHub Two-Factor Authentication

This article introduces enabling GitHub two-factor authentication, including usage scenarios and implementation details, …

· 2 min
Git

Write a GitHub Action to Count Repo Stars

Build and publish a reusable GitHub Action that returns a repository’s star count, with API usage and workflow examples.

· 1 min
Git

Implementing One-Click GIF Compression with Alfred

This article introduces implementing one-click GIF compression with Alfred, including GIF compression advantages, …

· 1 min
Productivity Tools

One-Click Do Not Disturb Mode Toggle with Alfred

This article introduces how to implement a one-click Do Not Disturb mode toggle with Alfred, including the advantages, …

· 1 min
AlfredWorkflow

Online Issue - HTTPS Certificate Error

This article discusses online issue - HTTPS certificate error, including usage scenarios, implementation details, etc., …

· 2 min