JavaScript

Investigation into Web Clipboard Copying Failures

In an IP-based URL environment, the Copy component fails when an element is in full-screen mode.

Sep 25, 2025

Frontend Basics — P3

Will AI replace IT? Not anytime soon. Keep an eye on AI, but don’t forget the fundamentals — they’re the foundation, and AI is just a tool. Here’s a JS array question to illustrate some basics.

Apr 2, 2025

React Hook Form Usage Guide

Forms are a common interaction method in user interfaces, and validating/managing their state can be challenging. In the React ecosystem, React Hook Form package name: react-hook-form is a powerful solution for complex form management. To use it flexibly and appropriately, this guide summarizes common scenarios, usage patterns, easily overlooked points, and core principles. Please provide feedback if there are any omissions.

Mar 31, 2025

ESLint Usage Guide

Common Plugins "eslint-config-tencent" "plugin:react/recommended", "plugin:@typescript-eslint/recommended", "plugin:react-hooks/recommended"

Feb 19, 2025

Bundle Size Issues Caused by Misusing Lodash

Highlights how default lodash imports pull in the full bundle, shows safer import patterns, and compares the savings from switching to lodash-es.

Dec 11, 2024

Implementing Passwordless Login for Sites in iframes

Recently, in a private project, I encountered a requirement where sites embedded in iframes needed to implement passwordless login. Here are some initial thoughts on possible solutions. IP Whitelist for Passwordless Login? Any request to the server can obtain the client IP from the request object, making IP-based authentication possible. However, the drawback is that users cannot log in once they change their network environment.

Nov 24, 2024

Monaco-Editor Implementation of Syntax Highlighting

You need to configure the language to implement syntax highlighting in Monaco Editor. Here, we introduce the related operations.

Nov 7, 2024

Quickly Fix Bugs in Open Source Community Repositories

In projects, we often use many third-party NPM packages, such as Mousetrap. We usually encounter bugs that have not yet been fixed or merged by the official repository. So, what should we do in such cases? Here is a summary of the methods.

Oct 24, 2024

Browser Fingerprinting

What browser fingerprints are, FingerprintJS v3 vs. v4 licensing, expected accuracy, and basic usage.

Oct 22, 2024

Understanding ua-parser-js

In real-world development we often parse the UA header to detect device details—whether the user is on Windows or macOS, or if they’re on mobile. If you just use userAgent, you have to parse the string by hand, which is painful. A much easier option is to bring in ua-parser-js, a mature library that surfaces the UA information for you.

Oct 18, 2024

Frontend Visual Graph Editing

A recent project needed a visual flow editor. Here’s a survey of available libraries and tools. IBM’s Open-Source Node-RED Apache License Graph Layout Library dagre-d3 MIT License

Oct 17, 2024

Introduction to babel-plugin-import

Due to bundle size issues, I’ve revisited babel-plugin-import. I wasn’t clear about this plugin before, so I’m organizing my understanding here. Plugin Introduction babel-plugin-import is a Babel plugin that supports modular imports. The functionality of the plugin is to convert full imports to on-demand imports based on configuration.

Sep 17, 2024

Monitor Network Disconnection in WEB

Explore methods to monitor and handle network disconnections in web applications, improving user experience and application robustness.

Aug 12, 2024

Large File Downloads with StreamSaver.js

Implement large file downloads with StreamSaver.js in JavaScript. Overcome browser limitations and enhance your web applications efficiently.

Jul 26, 2024

Handling Errors in Streaming Responses

When consuming server-sent streams (e.g., Axios with responseType 'stream'), parse error payloads via stream events and throw structured errors.

Jul 14, 2024

FileSaver Source Code Analysis

This article introduces FileSaver source code analysis, including its advantages, implementation details, and related resources. These steps can help improve the efficiency of FileSaver source code analysis.

Jun 8, 2024

Ping Requests in the Browser Network Panel

Explains how ping entries appear in browser DevTools, when navigator.sendBeacon fires them, and practical analytics use cases.

May 31, 2024

parseInt

This article introduces parseInt, including its advantages, implementation details, and related information. These steps can help improve efficiency with parseInt.

Apr 22, 2024

Loading ES Modules in Node.js Projects

This article introduces loading ES modules in Node.js projects, including its advantages, implementation details, and relevant resources. These steps can help improve efficiency when loading ES modules in Node.js projects.

Apr 10, 2024

JavaScript String trim() Method

This article introduces the JavaScript string trim() method, including its advantages, implementation details, and related resources to help developers understand how the trim() method works more effectively.

Mar 2, 2024

The DOM Event Model

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

Dec 30, 2023

Using Tampermonkey

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

Dec 23, 2023

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.

Dec 20, 2023

Online Failure - Hidden Timer Issues

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

Dec 9, 2023

Implementing Input Autocomplete Visuals

For WebShell-like command inputs, fake partial highlighting by layering a positioned div behind the input; CSS alone can’t color only the suffix.

Nov 25, 2023