Blog

Upgrading Webpack 4 to 5

An overview of upgrading from Webpack 4 to 5, including benefits, key changes, upgrade steps, and references to help you upgrade efficiently.

Mar 23, 2021

iframe

This article provides an introduction to iframe technology, covering its advantages, implementation details, and relevant resources. These insights can help improve iframe efficiency.

Mar 19, 2021

Commonly Mistaken Export Statements

This article introduces commonly mistaken export statements, including usage scenarios and implementation details, to improve efficiency with export statements.

Mar 17, 2021

Proxy vs. Reflect in JavaScript

Quick primer on JavaScript metaprogramming concepts—Proxy and Reflect—with background, practical examples, and references.

Mar 16, 2021

Web Security: CSRF

An overview of CSRF attacks, examples, analysis, and practical defenses including RESTful design, SameSite cookies, CORS, Referer checks, and CSRF tokens.

Mar 16, 2021

Web Performance: Reflow and Repaint

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

Mar 14, 2021

Frontend Code Security

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

Mar 12, 2021

Adaptive Layout & Responsive Layout

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

Mar 11, 2021

Clever Uses of Zero-Width Characters

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

Mar 8, 2021

JS下的Promise

This article provides an introduction to Promises in JavaScript, covering their advantages, implementation details, and related resources. These insights can help improve efficiency when working with Promises in JS.

Mar 7, 2021

Great Plugins for Visual Studio Code

Explore essential plugins for Visual Studio Code to enhance your development experience. Includes tools for code styling, syntax highlighting, and more.

Mar 6, 2021

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.

Mar 6, 2021

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

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

Mar 5, 2021

HTTP Development History

This article introduces the development history of HTTP, including HTTP definitions, version history, HTTP requests in Chrome DevTools, HTTPS decryption and packet capture, etc., to improve the efficiency of understanding the HTTP development history.

Mar 3, 2021

Chrome's MemoryCache and DiskCache

This article provides an introduction to Chrome's MemoryCache and DiskCache, including their advantages, implementation details, and related resources. These insights can help improve understanding of Chrome's caching efficiency mechanisms.

Mar 2, 2021

Confusing splice and slice

This article introduces the confusing splice and slice functions, including usage scenarios and implementation details, to improve efficiency with splice and slice.

Mar 1, 2021

Array.join vs Template strings vs String concatenation

This article introduces the comparison between Array.join, Template strings, and String concatenation, including their advantages, implementation details, and related resources to improve efficiency.

Feb 28, 2021

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 significantly improved. Here is an analysis of potential frontend optimization opportunities for China's national railway booking site.

Feb 27, 2021

window.opener

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

Feb 27, 2021

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 tips.

Feb 24, 2021

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 documenting it here for reference.

Feb 19, 2021

Percentage margin-top

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

Feb 18, 2021

Mind Mapping Tool Selection

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

Feb 17, 2021

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.

Feb 11, 2021

Use Surge to Switch Proxy Modes Based on Wi-Fi

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

Feb 6, 2021