Blog

Web Performance: Reflow and Repaint

A practical guide to reducing reflow/repaint in the browser pipeline, with actionable techniques and rationale.

· 1 min
WebShell

Frontend Code Security

Ways to raise the barrier against source theft: build modes, minification, hashing, obfuscation, and more.

· 1 min
Frontend Development

Adaptive Layout & Responsive Layout

A quick refresher on adaptive vs. responsive layouts, how they differ, and the tech behind each.

· 1 min

Clever Uses of Zero-Width Characters

Zero-width characters explained—types, how they hide data, and practical tools for watermarking or evading naive …

· 2 min
UnicodeSecurity

JS下的Promise

This article provides an introduction to Promises in JavaScript, covering their advantages, implementation details, and …

· 3 min
JavaScript

Great Plugins for Visual Studio Code

Explore essential plugins for Visual Studio Code to enhance your development experience. Includes tools for code …

· 2 min
VSCEssential ToolsSoftware

Same-Origin, CSP, and CORS

A practical overview of Same-Origin Policy, Content Security Policy, and CORS — how they relate and when to use each.

· 2 min
Network Security

从输入URL到页面展示,这中间发生了什么

本文介绍从输入URL到页面展示,这中间发生了什么,包括使用场景、实现细节等,以提高从输入URL到页面展示,这中间发生了什么的效率。

· 2 min
Chrome

HTTP Development History

This article introduces the development history of HTTP, including HTTP definitions, version history, HTTP requests in …

· 4 min

Chrome's MemoryCache and DiskCache

This article provides an introduction to Chrome's MemoryCache and DiskCache, including their advantages, implementation …

· 2 min
Chrome

Confusing splice and slice

This article introduces the confusing splice and slice functions, including usage scenarios and implementation details, …

· 2 min
JavaScript

Array.join vs Template strings vs String concatenation

This article introduces the comparison between Array.join, Template strings, and String concatenation, including their …

· 2 min
JavaScript

Frontend Performance Optimization Opportunities for the 12306 Homepage

While the core complexity of 12306 lies in backend ticket searching and booking, the frontend performance can still be …

· 2 min

window.opener

A practical intro to window.opener: what it is, when it exists, how noopener affects process isolation, and trade-offs.

· 2 min
ChromeJavaScript

Maximum call stack size exceeded in JS

This post explains the 'Maximum call stack size exceeded' error in JS, including stack basics, limits, and debugging …

· 2 min
JavaScriptChrome

A Visit to the 306 Hospital

I recently experienced facial pain and had to visit the hospital. The process turned out to be quite an ordeal, so I'm …

· 3 min

Percentage margin-top

This post explains how percentage values for margin-top work, including implementation details and references.

· 2 min
CSS

Mind Mapping Tool Selection

This article introduces mind mapping tool selection, including usage scenarios and implementation details, to improve …

· 2 min
Software RecommendationsHardware Equipment

Get Mac System Info Quickly with Alfred

Build an Alfred workflow to quickly retrieve macOS version, memory, and other system info, with AppleScript and Shell.

· 1 min
Mac效率工具

How to Use Surge to Switch Proxy Modes Based on Wi-Fi (Step-by-Step Guide)

Shows how to trigger Surge scripts when Wi-Fi changes so proxy mode flips automatically between DIRECT and RULE.

· 1 min
Network Tools

Choosing Between HashRouter and BrowserRouter on the Web

A comparison of HashRouter and BrowserRouter in SPA apps, including URL forms, server configuration, anchor behavior, …

· 1 min
WebShell

Managing Compatibility with Browserslist

This article introduces managing compatibility with Browserslist, including its advantages, implementation details, and …

· 3 min

Contributing to GitHub Projects

A practical workflow for contributing to open-source repositories: fork, clone, submit PRs, and keep your fork in sync.

· 2 min
Git

Improve Frontend Code Quality with Tools — SonarQube

Using SonarQube alongside ESLint to improve frontend code quality: differences, setup, and CI integration.

· 1 min

Apply for JetBrains License Using Open-Source Projects

Guide to obtaining a free JetBrains License for open source projects, covering eligibility, application process, and …

· 3 min
JetBrainsGitHubFree LicenseLicense