Blog

Refs in React

This article introduces refs in React, including their advantages, implementation details, and relevant resources. These …

· 3 min
React

Disable Annoying WeChat URL Interception

Fix WeChat’s URL interception prompt using a Tampermonkey userscript and other techniques to streamline page opening.

· 2 min
Network ToolsCommunication Tools

Component Library Docs with Storybook

Using Storybook to build a documentation site for a component library: setup, structure, and common pitfalls.

· 2 min

Synology Chrome Downloader Only Accepts HTTPS

Work around the NAS Download Manager HTTPS-only limitation by proxying through whistle and downgrading requests to HTTP.

· 1 min

nginx njs Upload Implementation

This article introduces nginx njs upload implementation, including its advantages, implementation details, and relevant …

· 1 min
Deployment Operations

Storybook Build Error

Fixing a Storybook build error caused by TypeScript loader order; includes error output and resolution via upgrading …

· 1 min

Online Issue - WEB Page Stuttering

This article discusses online issue - WEB page stuttering, including usage scenarios, implementation details, etc., to …

· 3 min
Chrome

Pulling Images from a Private Docker Registry

Fixing errors when pulling from a private registry on a remote office PC: disable Docker app proxy, add hosts mapping, …

· 1 min
DevOps

Alpha in CSS

This article introduces Alpha in CSS, including its advantages, implementation details, and related resources to help …

· 2 min
CSS

Create a Windows Bootable USB on macOS

Step-by-step: format a USB drive as NTFS on macOS, copy the Windows ISO, and reinstall on a ThinkPad.

· 1 min
WindowsMac

Composition Events in JavaScript

This post explains composition events in JavaScript, including use cases, behavior, and references to help you …

· 2 min
JavaScript

How to Use Web Workers (Step-by-Step Guide)

An introduction to using Web Workers, including benefits, implementation details, and references to help you use Web …

· 1 min
JavaScript

Canvas Drawing with GIF Animation Issues

This article introduces Canvas drawing with GIF animation issues, including the advantages, implementation details, and …

· 2 min

How to Use react-window (Step-by-Step Guide)

This article introduces the usage of react-window, including its advantages, implementation details, and relevant …

· 2 min
React

Alfred Workflow - Obtain App ID Quickly

Quickly obtain the app ID and version information, enhancing efficiency on Mac.

· 2 min
AlfredWorkflow

Add Global Constants to a Frontend Project

Expose config from package.json into the built app via webpack DefinePlugin, with typing in TS and pitfalls to avoid.

· 1 min
Build ToolsTypeScriptFrontend Development

US App Store Apple ID Payment Options

How to top up a US Apple ID with gift cards when you lack local payment methods, plus pitfalls from Hong Kong accounts.

· 2 min
Apple Ecosystem

CLI Tool Spotlight: Master the `dig` Command

An introduction to the `dig` command for DNS troubleshooting: why it's more informative than `ping`, how to use it, and …

· 2 min
Development ToolsNetwork

Chrome Extension Development Tips and Usage

This article provides tips and usage guidance for Chrome extension development, including advantages, implementation …

· 4 min
Chrome

Integrating Google AdSense

This article introduces integrating Google AdSense, including usage scenarios and implementation details to improve …

· 3 min

Tools of the Year: 2021 Gear Review

Reflecting on the hardware and software tools I added to my toolkit in 2021, including the iPhone 12, an electric …

· 3 min
HardwareCommunication Tools

2021 Year-End Review

Reflecting on 2021: Transitioning to a new role at a major tech firm, hitting milestones in open-source development, …

· 5 min
Year Review

Chrome Extension Packaging and Release

This article introduces Chrome Extension packaging and release, including advantages, implementation details, and …

· 4 min
Chrome

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

An overview of how to use WakaTime, including benefits, setup details, and references to help you track coding time more …

· 1 min

Upgrade Blog Theme

Upgrading Hexo + NexT theme: steps, externalized config, and switching comments to Gitalk.

· 1 min