Blog

Nine Years with My Mountain Bike

This post covers my nine-year experience with a mountain bike, including accessories, usage scenarios, and detailed …

· 2 min

Writing TypeScript in Monaco Editor

Implementing a TypeScript editor using Monaco involves more than just setting the language. This post covers how to …

· 1 min
monaco-editortypescriptweb-editor

Mastering Fig: Custom Autocomplete Specifications

The true power of Fig lies in its autocomplete specifications. This guide details how to define, test, and deploy your …

· 2 min
CLIDevelopment ToolsProductivity

Fig Completion Specification - Filter Highlight

This article introduces Fig completion specification filter highlight, including its advantages, implementation details, …

· 1 min

An Introduction to the ssh2 Package

A practical overview of the ssh2 package for Node.js, including common usage patterns (Client, shell/exec, HTTP agent, …

· 2 min
WebShellNode.js

How to Use YouTube Kids (Step-by-Step Guide)

Overview of YouTube Kids: requirements, supported platforms, and usage on Apple TV for a better viewing experience.

· 2 min
Apple Ecosystem

The DOM Event Model

Quick refresher on the DOM event flow (capture → target → bubble), key JS methods, and references.

· 1 min
JavaScriptDOM

Introducing xterm-headless

What xterm-headless is and how to use it to implement terminal functionality on Node.js, with use cases and notes.

· 2 min
WebShell

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

This article provides a comprehensive guide to Microsoft's inshellisense tool, covering its advantages, implementation …

· 4 min

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

How I use Tampermonkey to enhance websites: common scripts, sync setup, and tips.

· 1 min
JavaScriptEfficiency Tools

The inspect Command in Node

This article introduces the inspect command in Node, including its advantages, implementation details, and relevant …

· 2 min
Node.js

Common npm Packages for Frontend Development

This article introduces common npm packages for frontend development, including usage scenarios and implementation …

· 1 min
Node.jsFrontend Development

Ways to Open a New Page in JavaScript

This post summarizes ways to open a new page in JavaScript, with notes on behavior and practical considerations.

· 1 min
JavaScript

How to Use Caddy

Learn how to use Caddy for reverse proxy and HTTPS certificates. Simple installation and common commands for various …

· 1 min
reverse proxyproxy

guacamole-common-js

This article provides an introduction to guacamole-common-js, covering its advantages, implementation details, and …

· 1 min

iframe-embedded code-server communication issues with host page

This article discusses communication issues between code-server embedded in an iframe and the host page, covering …

· 2 min

Online Failure - Hidden Timer Issues

How hidden timers caused a production flood of heartbeat requests, the investigation process, and key takeaways for …

· 2 min
JavaScript

Visiting China–Japan Friendship Hospital

A practical guide for visiting China–Japan Friendship Hospital: what to bring, the full flow, payment tips, and notes.

· 2 min

How to Use code-server (Step-by-Step Guide)

This article provides a comprehensive guide to using code-server, including its advantages, implementation details, and …

· 4 min
DevelopmentWeb IDE

Tools of the Year: 2023 Gear Review

A review of the hardware and software tools I added to my toolkit in 2023, including the EZVIZ C6C camera, NIU electric …

· 3 min
Hardware

Implementing Input Autocomplete Visuals

For WebShell-like command inputs, fake partial highlighting by layering a positioned div behind the input; CSS alone …

· 1 min
WebShellCSSJavaScript

Copy/Paste Support in WebShell

A summary of copy/paste support in WebShell, covering browser clipboard permissions, default hotkeys, xterm.js behavior, …

· 2 min
WebShell

Nintendo Switch Online Membership Purchase

This article introduces Nintendo Switch Online membership purchase, including its advantages, implementation details, …

· 1 min

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

This article introduces the usage of Mousetrap, including its advantages, implementation details, and relevant …

· 3 min
JavaScript

Command Palette in WebShell

Design and implementation of a command palette in WebShell, including motivation, command modeling, filtering, …

· 3 min
WebShell