Evelyn Liu1. SR锁存器基础概念与工作原理
SR锁存器（Set-Reset Latch）是数字电路中最基础的时序逻辑元件之一，由两个交叉耦合的NOR门或NAND门构成。这种简单的结构却能实现记忆功能，在电子系统中扮演着重要角色。
1.1 基本电路结构
最常见的SR锁存器实现方式有两种：
- NOR门实现：当使用NOR门时，SET和RESET输入通常为高电平有效
- NAND门实现：当使用NAND门时，SET和RESET输入则为低电平有效
以NOR门实现的SR锁存器为例，其电路结构如下：
code复制SET ---- NOR1 ---- Q
| |
| NOR2
| |
RESET ----+------- Q'
这种交叉耦合的结构使得电路具有记忆特性，即使输入信号消失，输出状态也能保持不变。
1.2 真值表与工作模式
SR锁存器有四种基本工作状态：
| S (SET) | R (RESET) | Q (输出) | Q' (反相输出) | 工作模式 |
|---|---|---|---|---|
| 0 | 0 | 保持 | 保持 | 保持状态 |
| 0 | 1 | 0 | 1 | 复位(Reset) |
| 1 | 0 | 1 | 0 | 置位(Set) |
| 1 | 1 | 0 | 0 | 禁止状态(无效) |
需要特别注意最后一种情况（S=R=1），这会导致两个输出端都为0，违反了Q和Q'应该互补的基本规则。在实际电路中，这种状态应该避免。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. HTML实现SR锁存器仿真器
在Web环境中实现SR锁存器仿真，可以通过HTML+CSS+JavaScript的组合来完成。这种实现方式不仅具有教学价值，还能方便地嵌入网页或在线课程中。
2.1 基本HTML结构
首先创建基础的HTML框架：
html复制<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SR锁存器交互仿真</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.latch-container {
position: relative;
width: 400px;
height: 300px;
margin: 30px auto;
border: 1px solid #ccc;
background-color: #f9f9f9;
}
.gate {
position: absolute;
width: 60px;
height: 40px;
background-color: #e0e0e0;
border: 2px solid #333;
text-align: center;
line-height: 40px;
}
.input, .output {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #999;
cursor: pointer;
}
.input.active {
background-color: #f00;
}
.output.active {
background-color: #0f0;
}
</style>
</head>
<body>
<h1>SR锁存器交互仿真</h1>
<div class="latch-container">
<div class="gate" id="nor1" style=