Blogs | 凉开水水水

Cool Boiled Water

Categories

Database6 DevOps2 JavaScript8 Front-end Engineering11 AI & LLM7 Next.js & React10 Network25

01

Database

6

Colorful code on a computer monitor, symbolizing the SQL statements you are about to learn to write

Writing SQL from Scratch: The Query Keywords You Actually Need

4 days ago

database series cover: five stacked discs forming a pyramid

Understanding Databases from a Front-End Developer's Perspective: Series Guide

6 days ago

DatabasePostgreSQL

Colorful programming code on a dark computer screen, symbolizing a SQL statement beginning its journey

The Journey of a SQL Statement

6 days ago

Vintage file folders organized in a row, representing records waiting to be organized into a table

From Files to Relational Tables: Why We Need Databases

6 days ago

Macro close-up of a hard disk drive's actuator arm and platters

Where Data Actually Lives: Disk, Pages, and Storage Engines

6 days ago

DatabasePostgreSQL

Mongodb with prisma

Connecting MongoDB with Prisma ORM

12 days ago

02

DevOps

2

git meme

You Use Git Every Day, But Do You Really Understand It? — Completely Understand Git from Its Underlying Data Structures

12 days ago

Devops meme

Deploying a Website with Dokku: A Step-by-Step Guide to Installation, Configuration, and Code Deployment

12 days ago

03

JavaScript

8

canvas meme

HTML Canvas Basics & DPR Drawing Techniques

12 days ago

JS SyntaxCanvas

stream meme

JavaScript Streams: From Beginner to Expert

12 days ago

JS SyntaxBinary

Binary meme

Broader Binary: Understanding the Blob Object

12 days ago

JS SyntaxBinary

Binary meme

Binary in the Browser: Understanding ArrayBuffer, TypedArray, and DataView

12 days ago

JS SyntaxBinary

javascript this

Understanding the this Keyword in JavaScript: Arrow Functions

12 days ago

Browser Event Mechanisms

Browser Event Mechanisms: EventTarget vs EventEmitter

12 days ago

JS SyntaxEvent Loop

event loop picture

Event Loop in Browsers: Execution and Task Prioritization

12 days ago

ChromeEvent Loop

JS Cup

Why You Can Use Method In Primitive Types?

12 days ago

04

Front-end Engineering

11

Tailwind CSS

How Tailwind CSS Actually Works — From PostCSS Plugin to Standalone Engine

12 days ago

TailwindFront-end Build Tools

npm meme

Deep Dive into JavaScript Package Manager Storage: From File Copying to Content Addressing Evolution

12 days ago

DevopsFront-end Build Tools

Auth MEME

Demystifying Front-End Authentication

12 days ago

HTML MEME

Ghost Whitespace: Handling Spaces from HTML to Vue

12 days ago

Front-end Build ToolsVue

vue webpack

How Your Vue Files Get Parsed by Webpack

12 days ago

JS SyntaxFront-end Build Tools

AST

Demystifying Compiler Principles: From Tokens to AST

12 days ago

Babel

Babel: Everything You Need to Know

12 days ago

Front-end Build ToolsJS Syntax

JS meme

From Nothing to Something: The Evolution of Frontend Modularity

12 days ago

Front-end Build Tools

webpack

Beginner's Webpack: Step-by-Step Bundling Logic

12 days ago

Front-end Build Tools

webpack meme

Uncommon Webpack Bundle Performance Optimization: External

12 days ago

Front-end Build Tools

chrome extension image

Create a Chrome Extension Using Vite & React

12 days ago

Front-end Build ToolsReact

05

AI & LLM

7

Plan-Exec Agent

Building a ReAct Agent from Scratch (Part 6): Plan-Exec Mode and Beyond

12 days ago

Agent Memory

Building a ReAct Agent from Scratch (Part 5): Memory — The Agent's Context Window

12 days ago

Agent Core Loop

Building a ReAct Agent from Scratch (Part 4): The Core Loop — Putting It All Together

12 days ago

Agent Tool System

Building a ReAct Agent from Scratch (Part 3): The Tool System — Giving the Agent Hands and Feet

12 days ago

ReAct Pattern

Building a ReAct Agent from Scratch (Part 2): The ReAct Pattern — Teaching LLMs to Think and Act

12 days ago

ReAct Agent 教程封面

Building a ReAct Agent from Scratch (Part 1): What Is an Agent?

12 days ago

How LLMs Work: Understanding Large Language Models from a Front-End Developer's Perspective

How LLMs Work: Understanding Large Language Models from a Front-End Developer's Perspective

12 days ago

06

Next.js & React

10

Next.js Cache Components

Next.js Caching Demystified: ISR, Revalidation, and the Client Cache

12 days ago

Next.js prefetching and navigation

Prefetching and Client-Side Navigation

12 days ago

Streaming and Suspense

Streaming Demystified: How Suspense Powers Progressive Rendering

12 days ago

Server and Client Components internals

Server and Client Components Internals

12 days ago

Next.js top-level special files

File-System Routing: How Next.js Turns Folders into URLs

12 days ago

SSR to RSC evolution

From SSR to RSC: The Evolution of Server Rendering

12 days ago

Understanding Next.js series guide cover

Understanding Next.js: A Front-End Developer's Guide to the Modern Web Framework - Series Guide

12 days ago

SSR

Make a SSR Framework on Your Own: React & Node SSR Tutorial

12 days ago

useSWR

Understanding SWR in React: Basics to Advanced

12 days ago

learn react with immer

Learn Immer and Interact with React Quickly

12 days ago

07

Network

25

How Tailscale Works: From NAT Traversal to Zero-Trust Networking

How Tailscale Works: From NAT Traversal to Zero-Trust Networking

12 days ago

WebSocket protocol

WebSocket Demystified: Full-Duplex Communication from Handshake to Frames

12 days ago

HTTP caching meme

Advanced HTTP Caching: CDN, stale-while-revalidate, and Service Worker

12 days ago

Rows of illuminated server racks in a modern data center, representing caching infrastructure

HTTP Caching Demystified: Strong Cache, Negotiated Cache, and Front-End Caching Strategies

12 days ago

DoH vs plain DNS meme

DoH & DoT Demystified: Two Ways to Encrypt Your DNS

12 days ago

PPPoE dial-up meme

PPPoE Demystified: How Your Home Broadband Actually "Dials Up"

12 days ago

DNS meme

DNS Demystified: The Internet's Phonebook — From Root to Resolution

12 days ago

BBR congestion control meme

BBR Demystified: How Google Reinvented Congestion Control

12 days ago

UDP meme

UDP Demystified: Connectionless Transport and When "Unreliable" Is the Better Choice

12 days ago

internetworking meme

From LAN to the Internet: Why MAC Addresses Alone Are Not Enough

12 days ago

network meme

Understanding Computer Networks from a Front-End Developer's Perspective: Series Guide

12 days ago

ARP meme

From IP to MAC: How ARP Bridges Two Layers of Addressing

12 days ago

mac meme

Understanding LAN from a Front-End Developer’s Perspective: MAC Addresses, Ethernet Frames, and Switches

12 days ago

DDNS meme

What is DDNS? A Complete Guide to Understanding Dynamic DNS from Scratch

12 days ago

ip meme

How Does an IP Address Get "Registered"?

12 days ago

ip meme

Routing Demystified: Routing Tables, Hop-by-Hop Forwarding, and the Internet's Delivery System

12 days ago

ipv6 meme

IP Addresses Demystified: Subnet Masks, CIDR, and the Network/Host Divide

12 days ago

ssh meme

SSH: The Secure Communication Backbone

12 days ago

RPC

A Node.js Developer's Guide to RPC

12 days ago

http2

HTTP/2: The Evolutionary Path to Modern Web Performance

12 days ago

tls meme

Demystifying the TLS Protocol: Evolution from 1.2 to 1.3

12 days ago

http meme

HTTP Protocol Evolution: A Technical Analysis from 0.9 to 1.1

12 days ago

tcp meme

TCP Demystified: Three-Way Handshake, Sliding Windows, and Congestion Control

12 days ago

http meme

The Predecessors of WebSocket: The Past and Present of Short Polling and Long Polling

12 days ago

Browser meme

Effective Solutions for Cross-Origin Issues in Web Development

12 days ago