Ensiklopedia VibeKoding: Digital Circuit Basics: From Transistors to CPU.Ensiklopedia VibeKoding: Digital Circuit Basics: From Transistors to CPU.
How does a computer "think"? You probably know the CPU is the computer's "brain," but how does this brain actually work? How does it go from a pile of metal and plastic to a smart device that can execute programs and process data? This chapter takes you from the most fundamental transistors, step by step, to understand the principles behind CPU construction.How does a computer "think"? You probably know the CPU is the computer's "brain," but how does this brain actually work? How does it go from a pile of metal and plastic to a smart device that can execute programs and process data? This chapter takes you from the most fundamental transistors, step by step, to understand the principles behind CPU construction.
What will you learn from this article?What will you learn from this article?
After completing this chapter, you will gain:After completing this chapter, you will gain:
| Chapter | Content | Core Concepts |
|---|---|---|
| Chapter 1 | Transistors | Switches of the digital world |
| Chapter 2 | Logic Gates | Physical implementation of Boolean operations |
| Chapter 3 | Functional Units | Adders, registers, multiplexers |
| Chapter 4 | CPU Core | Fetch, decode, execute, write-back |
------
In exploring theεΊε± of computers, one fundamental question often arises: where does the "thinking" ability of modern computers actually come from?In exploring theεΊε± of computers, one fundamental question often arises: where does the "thinking" ability of modern computers actually come from?
If we peel away a computer's shiny casing, we typically see just a pile of metal, plastic, and silicon wafers. They have no life of their own, understand no mathematics, and know nothing of intelligence. But when electrical current flows through them, everything begins to operate. Ultimately, it all stems from one deceptively simple physical abstraction: the switch.If we peel away a computer's shiny casing, we typically see just a pile of metal, plastic, and silicon wafers. They have no life of their own, understand no mathematics, and know nothing of intelligence. But when electrical current flows through them, everything begins to operate. Ultimately, it all stems from one deceptively simple physical abstraction: the switch.
Imagine a switch that controls a light bulb. Press it and the light turns on, representing "1"; release it and the light turns off, representing "0." If we had billions of such switches and could make the output of one switch control another switch, thereby combining them into an incredibly complex logical network, what would happen?Imagine a switch that controls a light bulb. Press it and the light turns on, representing "1"; release it and the light turns off, representing "0." If we had billions of such switches and could make the output of one switch control another switch, thereby combining them into an incredibly complex logical network, what would happen?
The answer is a universal computing platform capable of executing arbitrary logic. The key to understanding computer systems lies in "abstraction." Like building blocks, we control underlying complexity through layered encapsulation. Here are the four core levels from sand to intelligence:The answer is a universal computing platform capable of executing arbitrary logic. The key to understanding computer systems lies in "abstraction." Like building blocks, we control underlying complexity through layered encapsulation. Here are the four core levels from sand to intelligence:
- Layer 1: Transistors (tens of billions) These are theεΊε± "switches." Modern CPUs primarily use MOSFETs (Metal-Oxide-Semiconductor Field-Effect Transistors). Applying voltage to the gate allows current to flow between source and drain. This is the physical starting point of "using electricity to control electricity." The core problem it solves: how to use one electrical signal to control another electrical signal? - Layer 2: Logic Gates (billions) When we connect specific transistors in series or parallel, a remarkable transformation occurs β circuits become mathematics. For example, an AND gate requires both inputs to be 1 for the output to be 1. This constitutes a mapping of Boolean algebra onto physical circuits. The core problem it solves: how to transform physical on/off states into logical operations based on 0s and 1s? - Layer 3: Functional Units (hundreds) By assembling basic logic gates, we can build computing modules with specific purposes. Adders handle arithmetic, multiplexers control data flow, and registers give circuits the ability to remember. The core problem it solves: how to construct machines capable of performing addition calculations and remembering states? - Layer 4: CPU Core (1-128 cores) This is the command center of the entire microarchitecture. When you write a line of code, the various components inside the CPU work in coordination billions of times per second, executing the entire process of fetch, decode, execute, and write-back. The core problem it solves: how to make all modules work in unison to automatically execute a specified program sequence?- Layer 1: Transistors (tens of billions) These are theεΊε± "switches." Modern CPUs primarily use MOSFETs (Metal-Oxide-Semiconductor Field-Effect Transistors). Applying voltage to the gate allows current to flow between source and drain. This is the physical starting point of "using electricity to control electricity." The core problem it solves: how to use one electrical signal to control another electrical signal? - Layer 2: Logic Gates (billions) When we connect specific transistors in series or parallel, a remarkable transformation occurs β circuits become mathematics. For example, an AND gate requires both inputs to be 1 for the output to be 1. This constitutes a mapping of Boolean algebra onto physical circuits. The core problem it solves: how to transform physical on/off states into logical operations based on 0s and 1s? - Layer 3: Functional Units (hundreds) By assembling basic logic gates, we can build computing modules with specific purposes. Adders handle arithmetic, multiplexers control data flow, and registers give circuits the ability to remember. The core problem it solves: how to construct machines capable of performing addition calculations and remembering states? - Layer 4: CPU Core (1-128 cores) This is the command center of the entire microarchitecture. When you write a line of code, the various components inside the CPU work in coordination billions of times per second, executing the entire process of fetch, decode, execute, and write-back. The core problem it solves: how to make all modules work in unison to automatically execute a specified program sequence?
------
Let's start from the microscopic world. The component below demonstrates the basic principles of a transistor. Try operating it and observe how current flows:Let's start from the microscopic world. The component below demonstrates the basic principles of a transistor. Try operating it and observe how current flows:
In engineering, a transistor is a semiconductor device that changed the course of human history. In the context of digital circuits, we can directly abstract it as a perfect "switch." Why do we need transistors? Think of a water faucet in daily life. You turn the valve with your hand, and water flows out. A transistor is essentially a nanoscale water faucet: - The source and drain are like the two ends of a water pipe. - The gate is the valve that controls the water flow. The key difference is: we don't turn the switch by hand, but with voltage signals. When one switch can be controlled by electrical signals produced by another switch, we've crossed the enormous chasm from "manual intervention" to "automatic computation."In engineering, a transistor is a semiconductor device that changed the course of human history. In the context of digital circuits, we can directly abstract it as a perfect "switch." Why do we need transistors? Think of a water faucet in daily life. You turn the valve with your hand, and water flows out. A transistor is essentially a nanoscale water faucet: - The source and drain are like the two ends of a water pipe. - The gate is the valve that controls the water flow. The key difference is: we don't turn the switch by hand, but with voltage signals. When one switch can be controlled by electrical signals produced by another switch, we've crossed the enormous chasm from "manual intervention" to "automatic computation."
You might ask: what does the computer's so-called "only understanding 0s and 1s" actually look like in the physical world? Are there really tiny 0s and 1s flowing through chips?You might ask: what does the computer's so-called "only understanding 0s and 1s" actually look like in the physical world? Are there really tiny 0s and 1s flowing through chips?
Of course not. It all relies on human-defined abstraction conventions. We abandon the obsession with continuous analog signals and set two extreme thresholds:Of course not. It all relies on human-defined abstraction conventions. We abandon the obsession with continuous analog signals and set two extreme thresholds:
This is the so-called digital abstraction: we take the noisy analog world and cleanly slice it into crisp 0s and 1s. When the gate receives high voltage, the transistor conducts β the switch is closed; when the gate receives low voltage, the switch opens.This is the so-called digital abstraction: we take the noisy analog world and cleanly slice it into crisp 0s and 1s. When the gate receives high voltage, the transistor conducts β the switch is closed; when the gate receives low voltage, the switch opens.
A single transistor can only control on/off, which seems incredibly insignificant. But what if we combine billions of such switches? Look at the table below reflecting Moore's Law to understand the development of modern chips.A single transistor can only control on/off, which seems incredibly insignificant. But what if we combine billions of such switches? Look at the table below reflecting Moore's Law to understand the development of modern chips.
| Milestone | Processor Chip | Transistor Count | Process Node | Historical Significance |
|---|---|---|---|---|
| 1971 | Intel 4004 | 2,300 | 10ΞΌm | Dawn of the microprocessor |
| 1993 | Intel Pentium | 3.1 million | 800nm | PCs become universal |
| 2006 | Intel Core 2 Duo | 291 million | 65nm | Multi-core architecture goes mainstream |
| 2020 | Apple M1 | 16 billion | 5nm | Mobile architecture revolution feeds back to desktop |
| 2023 | Apple M3 Max | 92 billion | 3nm | Approaching the physical limits of atoms |
> Deep dive: What is "3nm"?> Deep dive: What is "3nm"?
> When we hear about 5nm or 3nm in the news, imagine how incredibly tiny that is. A silicon atom has a diameter of about 0.2 nanometers. So at the 3nm process node, the most critical structures of a transistor are only a few dozen atoms wide! This means we're building humanity's largest computing fortresses at the very edge of where quantum mechanics takes effect.> When we hear about 5nm or 3nm in the news, imagine how incredibly tiny that is. A silicon atom has a diameter of about 0.2 nanometers. So at the 3nm process node, the most critical structures of a transistor are only a few dozen atoms wide! This means we're building humanity's largest computing fortresses at the very edge of where quantum mechanics takes effect.
------
As mentioned earlier, a single transistor is just a simple control over current flow. But when you arrange multiple transistors in specific patterns, physics transforms into mathematical logic. In this new dimension, we no longer talk about cumbersome voltages and currents, but directly about pure logical "true" (1) and "false" (0).As mentioned earlier, a single transistor is just a simple control over current flow. But when you arrange multiple transistors in specific patterns, physics transforms into mathematical logic. In this new dimension, we no longer talk about cumbersome voltages and currents, but directly about pure logical "true" (1) and "false" (0).
Please experience the effect of combining switches through the logic gate demo below:Please experience the effect of combining switches through the logic gate demo below:
In our computer architecture, there are several fundamental logic gates. All supercomputers are built from these building blocks:In our computer architecture, there are several fundamental logic gates. All supercomputers are built from these building blocks:
If the logic gates introduced above can only perform simple conditional judgments, how does a computer actually do mathematical operations?If the logic gates introduced above can only perform simple conditional judgments, how does a computer actually do mathematical operations?
Therefore, by combining an XOR gate (responsible for computing the current bit) and an AND gate (responsible for computing the carry), we get a circuit that can perform single-digit addition. This is the most basic half adder.Therefore, by combining an XOR gate (responsible for computing the current bit) and an AND gate (responsible for computing the carry), we get a circuit that can perform single-digit addition. This is the most basic half adder.
But the half adder has a fatal flaw: physically, it has only two input ports (A and B).But the half adder has a fatal flaw: physically, it has only two input ports (A and B).
Imagine performing decimal column addition (e.g., 19 + 22):Imagine performing decimal column addition (e.g., 19 + 22):
9 + 2 = 11. Only two numbers need to be added; write 1, carry 1. This is exactly two inputs β a half adder handles it perfectly.Ones digit: 9 + 2 = 11. Only two numbers need to be added; write 1, carry 1. This is exactly two inputs β a half adder handles it perfectly.1 + 2, but we also need to add the "carry 1" passed from the ones digit (i.e., 1 + 2 + 1 = 4). This means in multi-digit addition, except for the rightmost digit, all other digits are actually adding three numbers together!Tens digit: Not only do we need to compute 1 + 2, but we also need to add the "carry 1" passed from the ones digit (i.e., 1 + 2 + 1 = 4). This means in multi-digit addition, except for the rightmost digit, all other digits are actually adding three numbers together!Because the half adder has no third input port to accept the "carry-in from the lower digit," it can't be used for any digit except the rightmost one. To solve this problem, we need a full adder that can accept three signals:Because the half adder has no third input port to accept the "carry-in from the lower digit," it can't be used for any digit except the rightmost one. To solve this problem, we need a full adder that can accept three signals:
By cascading multiple full adders, multi-digit addition can be accomplished:By cascading multiple full adders, multi-digit addition can be accomplished:
To handle more complex numbers in the real world, adders need to be assembled like building blocks: 1. Half Adder: It can handle adding two single-digit numbers (the combination of XOR and AND gates described above). It computes the sum and carry bits but can't accept a carry-in from a lower position. 2. Full Adder: In multi-digit calculations, intermediate digits need to add A and B together plus handle the carry-in from the lower position. Incorporating the lower carry into the logic creates a full adder. 3. Ripple Carry Adder: To handle 32-bit or 64-bit numbers, simply cascade dozens of full adders together. The carry signal ripples from the lower bits to the higher bits like a wave, completing addition of any size.To handle more complex numbers in the real world, adders need to be assembled like building blocks: 1. Half Adder: It can handle adding two single-digit numbers (the combination of XOR and AND gates described above). It computes the sum and carry bits but can't accept a carry-in from a lower position. 2. Full Adder: In multi-digit calculations, intermediate digits need to add A and B together plus handle the carry-in from the lower position. Incorporating the lower carry into the logic creates a full adder. 3. Ripple Carry Adder: To handle 32-bit or 64-bit numbers, simply cascade dozens of full adders together. The carry signal ripples from the lower bits to the higher bits like a wave, completing addition of any size.
Want to understand the complete process from logic gates to multi-digit addition all at once? Try this comprehensive demo:Want to understand the complete process from logic gates to multi-digit addition all at once? Try this comprehensive demo:
------
Now, with our building blocks made of logic gates in hand, we can leap to a higher level of abstraction. Computing addition alone is not enough. We package groups of logic gates and assemble them into modules with specific functions. These modules are collectively called functional units.Now, with our building blocks made of logic gates in hand, we can leap to a higher level of abstraction. Computing addition alone is not enough. We package groups of logic gates and assemble them into modules with specific functions. These modules are collectively called functional units.
When designing a CPU, there are time-tested classic prefabricated modules:When designing a CPU, there are time-tested classic prefabricated modules:
| Module | Core Mission | Internal Logic Nature | Real-life Analogy |
|---|---|---|---|
| Adder | Engine for all types of arithmetic operations | High-level bit-wise cascading of full adders | A tireless abacus |
| Multiplexer (MUX) | Controls data flow paths, implementing one-of-many selection | Cleverly combines AND gates as switches, OR gates for aggregation | Precision railroad switch |
| Decoder | Decodes and translates external binary instructions | Gate arrays that precisely light up specific outputs based on input states | Code-breaking translator |
| Flip-Flop | Breaks through the ephemeral nature of electrical signals to record history | Subtle cross-feedback loops forming bistable modes | A seesaw that holds its state |
To intuitively experience how these functional units work, you can operate the component below to view the internal logic of a multiplexer and a decoder:To intuitively experience how these functional units work, you can operate the component below to view the internal logic of a multiplexer and a decoder:
Please explore the most fascinating part through the component below β how memory emerges from nothing:Please explore the most fascinating part through the component below β how memory emerges from nothing:
Beyond computation, computers also need the ability to remember data long-term or temporarily. If a computer loses memory of the previous second during computation, no complex calculation is possible. The computer must have some means of preserving past states. This ability primarily relies on a circuit structure called a flip-flop.Beyond computation, computers also need the ability to remember data long-term or temporarily. If a computer loses memory of the previous second during computation, no complex calculation is possible. The computer must have some means of preserving past states. This ability primarily relies on a circuit structure called a flip-flop.
In most logic circuits, signal flow is forward (feedforward). To produce sustained "memory," early pioneers came up with a brilliant design: feed the output signal back to the input. It's like an ingeniously balanced seesaw with two stable resting points. Without external disturbance, thanks to its closed-loop design, it permanently stays in either the "left-high-right-low" state (e.g., representing 0) or the opposite state (representing 1). Even fleeting state changes get permanently "locked in" by the closed loop. When we arrange 32 or 64 of these flip-flops in a neat row and apply a unified, powerful clock frequency signal to command them to act in unison, a register is born. It resides at the heart of the CPU system, serving as ultra-fast "scratch paper" that silently safeguards every one of your critical real-time variables.In most logic circuits, signal flow is forward (feedforward). To produce sustained "memory," early pioneers came up with a brilliant design: feed the output signal back to the input. It's like an ingeniously balanced seesaw with two stable resting points. Without external disturbance, thanks to its closed-loop design, it permanently stays in either the "left-high-right-low" state (e.g., representing 0) or the opposite state (representing 1). Even fleeting state changes get permanently "locked in" by the closed loop. When we arrange 32 or 64 of these flip-flops in a neat row and apply a unified, powerful clock frequency signal to command them to act in unison, a register is born. It resides at the heart of the CPU system, serving as ultra-fast "scratch paper" that silently safeguards every one of your critical real-time variables.
Please experience the process of breaking and restoring the closed loop through the interactive demo below:Please experience the process of breaking and restoring the closed loop through the interactive demo below:
------
With various computing modules and memory components designed, it's now time for the core integration phase. How do we combine these modules to make them into a central processing unit (CPU) that can automatically execute instructions?With various computing modules and memory components designed, it's now time for the core integration phase. How do we combine these modules to make them into a central processing unit (CPU) that can automatically execute instructions?
If we view the CPU as a machine with clear division of labor, each unit has its irreplaceable position:If we view the CPU as a machine with clear division of labor, each unit has its irreplaceable position:
No matter how complex the high-level programming language you write, it ultimately becomes a series ofεΊε± instructions in memory. The process of executing any instruction essentially repeats these four typical steps:No matter how complex the high-level programming language you write, it ultimately becomes a series ofεΊε± instructions in memory. The process of executing any instruction essentially repeats these four typical steps:
Click "Clock Pulse" below to observe how instructions are decomposed and executed step by step in this cycle, and which hardware modules are involved:Click "Clock Pulse" below to observe how instructions are decomposed and executed step by step in this cycle, and which hardware modules are involved:
If we had to wait for one instruction to complete all four steps before starting the next, efficiency would clearly be too low. Just like a factory assembly line, chip engineers introduced instruction pipelining. This means when the first circuit section is "executing" instruction A, the preceding circuits aren't idle β they're "decoding" instruction B, or even "fetching" instruction C in advance. Through this parallel overlapping approach, CPU execution efficiency is greatly improved.If we had to wait for one instruction to complete all four steps before starting the next, efficiency would clearly be too low. Just like a factory assembly line, chip engineers introduced instruction pipelining. This means when the first circuit section is "executing" instruction A, the preceding circuits aren't idle β they're "decoding" instruction B, or even "fetching" instruction C in advance. Through this parallel overlapping approach, CPU execution efficiency is greatly improved.
------
Looking back on this journey, we've experienced the most core layers of abstraction in computer architecture. This is the complete path fromεΊε± physical materials to a universal computing platform:Looking back on this journey, we've experienced the most core layers of abstraction in computer architecture. This is the complete path fromεΊε± physical materials to a universal computing platform:
β After human smelting, slicing, toxic gas etching, and other demanding processesβ After human smelting, slicing, toxic gas etching, and other demanding processes
β After sleepless wiring by engineering masters, achieving astonishing digital abstraction constraintsβ After sleepless wiring by engineering masters, achieving astonishing digital abstraction constraints
β Ruthlessly eliminating errors, deriving basic behaviors from perfect truth tablesβ Ruthlessly eliminating errors, deriving basic behaviors from perfect truth tables
β Adding system life rhythms and memory characteristics, evolving into complete functional bodiesβ Adding system life rhythms and memory characteristics, evolving into complete functional bodies
β Opening the door to the virtual application world for developers worldwideβ Opening the door to the virtual application world for developers worldwide
The most fascinating aspect of computer science is that each layer of encapsulation perfectly hides the complex details of the layer below. As a software developer, when you write salary = base + bonus, you don't need to think about electron drift or current flow inside half adders. Similarly, chip hardware designers don't need to worry about what software their chip will run in the future.The most fascinating aspect of computer science is that each layer of encapsulation perfectly hides the complex details of the layer below. As a software developer, when you write salary = base + bonus, you don't need to think about electron drift or current flow inside half adders. Similarly, chip hardware designers don't need to worry about what software their chip will run in the future.
It is this extreme layer decoupling and highly independent black-box encapsulation that together nurtured and paved the way for the carnival of modern technology.It is this extreme layer decoupling and highly independent black-box encapsulation that together nurtured and paved the way for the carnival of modern technology.
Ultimately, so-called computing power is nothing more than the transformation of massive switch reconfigurations within a confined space; accompanied by the rhythm of the clock, completing complex computations on this tiny silicon chip. "Quantitative change ultimately triggers a qualitative leap" β this phrase is continuously validated in computer architecture. When we tap our keyboards and gaze at our screens, we can try to imagine: deep within the incredibly microscopic silicon substrate, billions of tiny transistors are at this very moment straining to perform precise coordination in the flash of electric light. This is perhaps the most unique beauty of computer science.Ultimately, so-called computing power is nothing more than the transformation of massive switch reconfigurations within a confined space; accompanied by the rhythm of the clock, completing complex computations on this tiny silicon chip. "Quantitative change ultimately triggers a qualitative leap" β this phrase is continuously validated in computer architecture. When we tap our keyboards and gaze at our screens, we can try to imagine: deep within the incredibly microscopic silicon substrate, billions of tiny transistors are at this very moment straining to perform precise coordination in the flash of electric light. This is perhaps the most unique beauty of computer science.
------
If you're full of curiosity aboutεΊε± technology, you can explore the following directions:If you're full of curiosity aboutεΊε± technology, you can explore the following directions: