Programming

node-sass Discontinued Maintenance

Recently while looking at dependency package upgrades for an old project, I noticed that node-sass has been …

· 1 min

Cloudflare Security Check

Recently, a friend in our group chat encountered an error while filling out a waitlist form on manus and thought it was …

· 2 min
Network Security

How to Use Firecrawl MCP in Cursor (Step-by-Step Guide)

A comprehensive guide on integrating and using Firecrawl MCP within Cursor IDE, covering its features, configuration, …

· 1 min
AICrawlerCursorFirecrawl

GitLink for VSCode: Seamless Cross-Platform Code Sharing Experience

I frequently use the GitLink plugin in JetBrains IDEs to copy Git web URLs for files with one click, which …

· 1 min
GitLinkVSCodeJetBrainsExtension

Building Real-time Web Page Ranking Monitoring with GitHub Action

Recently, I had a requirement to monitor the ranking situation of a certain entry in a competition. Unfortunately, the …

· 2 min
GitDevOps

Web Dev — Show Search Button on iOS Keyboard

How to display a Search action on the software keyboard across iOS and Android and handle the resulting events.

· 1 min
Frontend DevelopmentHardware

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

Common Plugins

· 1 min
Code QualityJavaScript

Webpack Plugin to Auto-Rename Variables

I previously built a webpack loader called domain-replace-loader to replace domains in frontend JS, e.g., swapping to a …

· 1 min
Build ToolsFrontend Development

npm Cache

When developing with npm, you may notice that if you delete the node_modules folder and then reinstall dependencies, …

· 1 min
Node.js

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

A guide to using OpenResty for web server configuration, focusing on GZIP settings and basic operations.

· 1 min
Deployment & Operations

Handling Browser Compatibility in Vite

Use the official Vite legacy plugin to target older browsers without managing Browserslist/Core-JS manually.

· 1 min
Build Tools

Detect and Remove Unused Dependencies in Projects

Recently when looking at some projects, I found many dependencies. After searching a few randomly, I discovered they …

· 2 min
npmyarntools

Pipeline Optimization — Cache Directories

Speed up CI pipelines by caching npm dependencies on the host and inside Docker builds, with example Jenkinsfile …

· 1 min
DevOps

One-Click Open VSCode Projects with Alfred

Cursor(VSCode) has been used frequently for coding, but opening projects is inefficient. I wanted to create an Alfred …

· 1 min
AlfredVSCodeCursorWorkflow

Is Deploying Node.js on Multi-Core Machines a Resource Waste

Our server-side project is deployed in a cluster, with each POD running a docker-nodejs application. POD configuration …

· 1 min

Command Line Git Operations Repeatedly Prompt for Username and Password

When executing git pull/push operations in the terminal, it keeps prompting for username and password, even though I’ve …

· 1 min
Git

peerDependencies Explained (Simple Guide)

Besides dependency and devDependency in package.json, there’s also peerDependency. Let’s resolve a real-world error to …

· 2 min
Node.js

Click-to-Component Source Code Analysis

Click-to-component is a React component that enables one-click navigation to source code, significantly improving …

· 2 min
ReactFrontend DevelopmentTechnical Learning

Get GitHub Education Verification for Free Copilot Access

The better AI code assistance tools are Cursor/GitHub Copilot/JB’s AI Assistant. Due to cost considerations, I only …

· 1 min
Git

Enhance Development Experience with click-to-component

In actual development, finding code often involves copying styles or text from the browser and searching in the IDE. …

· 2 min
ReactFrontend

JetBrains URL Scheme Explained (Simple Guide)

While using click-to-component recently, I discovered it didn’t support JB IDE integration, so I spent some time …

· 2 min
JetBrainsURL Scheme

GZIP Compression Not Working?

Recently, a site was loading extremely slowly, and analysis revealed that one reason was that GZIP compression wasn’t …

· 2 min
Deployment & Operations

useFieldArray in React Hook Form

In web page interactions, forms are common elements. For form validation/management, react-hook-form is a commonly used …

· 2 min
React

Implementing Passwordless Login for Sites in iframes

Recently, in a private project, I encountered a requirement where sites embedded in iframes needed to implement …

· 1 min
JavaScript

Monaco-Editor Implementation of Syntax Highlighting

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

· 2 min
monacojavascripteditor