Programming

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

guacamole-common-js

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

· 1 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

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

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

How to Use the keyboard.lock API (Step-by-Step Guide)

Using navigator.keyboard.lock to bypass browser limitations on capturing certain hotkeys (like Command+T) in web …

· 2 min
JavaScript

Displaying Images in WebShell

How to display images in a terminal via WebShell using xterm.js, including prerequisites, setup, and caveats.

· 2 min
WebShell

How to Use CSS :has() Function (Step-by-Step Guide)

This article introduces the use of CSS :has() function, including its advantages, implementation details, and related …

· 1 min
CSSWeb Development

Installing and Switching Shells

Quick reference for installing Bash, Zsh, Fish, and Tcsh on Ubuntu plus notes on printf escaping differences.

· 1 min
Linux

Implementing SFTP File Management in WebShell

How to implement visual file management in WebShell using ssh2 and ssh2-sftp-client, including listing, upload/download, …

· 3 min
WebShell

Integrating AI into WebShell

How WebShell integrates AI features: prompt engineering, context handling, token cost control, streaming advantages, and …

· 3 min
WebShellAI

Developing Mini Programs with Taro

This article introduces developing mini programs with Taro, including usage scenarios and implementation details to …

· 11 min

The time-style Parameter in Linux ls

This post explains the time-style parameter in Linux ls, including format output, compatibility, and workarounds.

· 1 min
LinuxWebShell

Terminal Search in WebShell

How to implement terminal search in WebShell using the xterm search addon, plus notes about normal vs alternate screen …

· 1 min

How to Use monaco-editor (Step-by-Step Guide)

This post introduces how to use monaco-editor, covering installation, Webpack bundling, and related references.

· 1 min
React

How to Use xterm-addon-web-links (Step-by-Step Guide)

This article introduces how to use the xterm-addon-web-links plugin to implement link recognition and click …

· 2 min
WebShell

AntiDebug Implementation

This article introduces AntiDebug implementation, including its advantages, implementation details, and related …

· 2 min
JavaScript

Upgrade Blog Theme: 2.0

This post covers upgrading the blog theme, including workflow and key details, to streamline the process.

· 1 min
BlogTooling

Deploy a Personal chatgpt-telegram-bot

Steps to deploy a private ChatGPT Telegram bot with Docker, plus auto‑restart on config changes.

· 2 min
AICommunication Tools

Reading the ssh2 HTTPAgent Source Code

Walkthrough of ssh2’s HTTPAgent: how it wraps Node’s Agent classes, establishes SSH tunnels, and handles errors.

· 2 min
Technical Study

Implementing an Editor Proxy in WebShell

How WebShell implements an editor proxy, including research, architecture, and key implementation points for integrating …

· 1 min
WebShell

Frontend Image Compression in WebShell

A quick survey of frontend image compression: MIME checks, resize/quality tradeoffs, formats, Compressor.js, and …

· 2 min
WebShell