Blog

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

WeCom (Enterprise WeChat) Bots Explained (Simple Guide)

Learn the two bot options in WeCom (group webhooks vs. official accounts), APIs, and usage scenarios.

· 1 min

Implementing Tencent Gongfeng Project Search with Alfred

This article introduces how to implement Tencent Gongfeng project search using Alfred, including the advantages of …

· 2 min
Productivity Tools

Bulk-Replacing Domains in a Frontend Codebase

This article introduces how to bulk-replace domain names in frontend code, including usage scenarios and implementation …

· 3 min
Build Tools

Developing Alfred JS SDK - CLI Development

This article introduces developing Alfred JS SDK - CLI development, including usage scenarios and implementation …

· 2 min
Productivity

process.env.NODE_ENV Explained (Simple Guide)

Exploring process.env.NODE_ENV: origins, usage scenarios, and practical applications in frontend builds and Node.js …

· 1 min
Node.jsBuild Tools

Apply for a CNCBI Hong Kong Card

Guide to applying for a CNCBI Hong Kong card: application checklist, remitting funds, withdrawals, and practical tips.

· 4 min

Getting grpc-web Demo Running

This article introduces how to get the grpc-web demo running, including its advantages, implementation details, and …

· 4 min

NPM Package Installation - Understanding Warning Messages

This article introduces warning messages encountered during npm package installation, including their causes, …

· 1 min
Node.js

Improve Frontend Code Quality with Tools — WeChat Mini Program

How to configure linting and formatting to improve code quality in WeChat Mini Program projects, with practical setup …

· 2 min
Code Quality

Mac External Camera

Guide to using an external camera on Mac. Learn setup, usage, and limitations. Enhance your video experience with ease.

· 2 min
CameraMac

Questions About Capturing HTTPS Traffic with Whistle

Clarifying how Whistle handles HTTPS capture, including pseudo headers, MitM certificates, and the settings required for …

· 3 min

Applying for 1Password License Using Open-Source Projects

This article explains how to obtain a free 1Password License for open-source projects, covering eligibility criteria and …

· 2 min
1PasswordLicense

Implementing One-Click Find iPhone with Alfred

This article introduces implementing one-click Find iPhone with Alfred, including Find iPhone advantages, implementation …

· 2 min
Productivity Tools