5.6 备忘录模式（Memento Pattern） 备忘录模式提供了一种在不破坏封装性的前提下捕获一个对象的内部状态，并在该对象之外保存这个状态的方法。这样，以后就可将该对象恢复到原先保存的状态。它通常用于实现对象的“撤销”操作，或者用于在对象的状态发生变化时保存其历史状态。 5.7 观察者模式（Observer Pattern） 观察者模式定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。当主题对象状态发生变化时，它的所有依赖者（

定义：观察者模式-定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新 观察者模式也叫做发布-订阅模式。观察者通过通知器（发行商）把自己注册到（订阅）特定的通知（杂志）。当有通知的时候，观察者只从通知器得到它订阅的通知 常见的厂内应用：nmq、bigpipe

5.6 Memento（备忘录）模式 目的：在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样以后就可将该对象恢复到保存的状态。 结构：Memento模式包含三个主要角色：发起者（Originator）、负责人（Caretaker）和备忘录（Memento）。发起者创建一个包含其内部状态的备忘录对象，并可以使用备忘录对象恢复到先前状态。负责人保存和恢复备忘录对象，但不能检查或操作备忘录对象的内容。备忘录对象存储发起者的内部状态

观察者模式是一种行为型设计模式，它定义了一种一对多的依赖关系，当一个对象的状态发生改变时，其所有依赖者都会收到通知并自动更新。 当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。 消息队列是实现观察者模式的常见方式，在业务中应用也很广泛。

观察者是一种行为设计模式，允许你定义一种订阅机制，可在对象事件发生时通知多个“观察”该对象的其他对象。

备忘录模式 备忘录设计模式是一种行为型设计模式，允许在不破坏对象封装性的前提下，捕获并保存该对象的内部状态，并在需要时恢复该对象到原先的状态。其应用场景广泛，通常用于需要保存一个对象的历史状态并能够恢复到任意一个已保存状态的场景。备忘录模式还限制了对备忘录内容的访问，只有创建备忘录的对象可以获取快照中的原始状态，其他对象只能获取快照的元数据。 在实际应用中，例如文字编辑器，可以创建一个历史类作为负责

观察者是一种行为设计模式， 允许一个对象将其状态的改变通知其他对象 观察者模式提供了一种作用于任何实现了订阅者接口的对象的机制， 可对其事件进行订阅和取消订阅。 主体：会在有任何事发生时发布事件 观察者：订阅了主体事件并会在事件发生时收到通知 通知函数：

观察者模式（Observer Pattern）是一种常用的软件设计模式，属于行为型模式。它主要用于解决对象之间的一对多依赖关系，使得一个对象的状态改变能够自动通知依赖于它的对象，从而实现解耦。主要分为主题（Subject）：被观察的对象，包含一个观察者列表（通常是一个集合），管理观察者的注册与注销，同时在自身状态改变时通知所有注册的观察者。观察者（Observer）：对主题感兴趣的对象，当主题的状态发生变化时，收到通知并更新自身状态。观

备忘录模式适合需要保存和恢复对象状态的场景，尤其是支持撤销和回滚功能的业务。 观察者模式适合处理事件通知和订阅功能，常用于消息推送、事件系统和分布式服务监控。 状态模式适合根据对象的状态切换行为的场景，通常用于工作流引擎、订单状态管理等。

备忘录模式允许对象创建自身状态的快照，并在需要时恢复到以前的状态。 通过将对象状态的副本存储在名为 备忘录 的特殊对象中来避免其他对象从外部复制对象的状态。 备忘录模式还限制了对备忘录内容的访问，只有创建备忘录的对象可以获取快照中的原始状态，其他对象只能获取快照的元数据。 在备忘录模式中，负责人 负责保存备忘录，但不能修改储存在备忘录中的状态，但是原发器对象可以随时恢复其以前的状态。 在实际应用中，例如文

5.6 Memento（备忘录）-对象行为型模式 其实就是快照，实际开发中比较常用的就是表单的自动保存啊，游戏存档啊什么的，数据库的事务回滚也可以用 5.7 observer（观察者）-对象行为型模式 主要就是实现一个一对多的关系，让多个观察者监听一个主题，当主题发生变化时通知所有观察者让他们更新，这个实际的例子就比较多了，最常见的你关注的主播开播了会收到push

5.6 备忘录模式 备忘录设计模式是一种行为型设计模式，允许在不破坏对象封装性的前提下，捕获并保存该对象的内部状态，并在需要时恢复该对象到原先的状态。其应用场景广泛，通常用于需要保存一个对象的历史状态并能够恢复到任意一个已保存状态的场景。 应用场景： 1. 数据库事务的回滚： 在数据库操作中，事务是一个重要的概念。当事务中的某个操作失败时，可能需要回滚到事务开始之前的状态。备忘录模式可以用于保存事务开始之前的数

5.6 MEMENTO(备忘录)一对象行为型模式 作用：在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样以后就可将该对象恢复到原先保存的状态。 场景： 1. 需要保存历史快照的场景，比如我们作流程图的时候进行撤销时； 2. 希望在对象之外保存状态，且除了自己，其他类对象无法访问状态保存的具体内容；

替换元素：替换元素是指那些通过修改特定属性来呈现内容的元素。这些元素的内容外观不受页面CSS的直接影响，而是由元素本身的属性或外部对象来控制。包括<img>、<object>、<video>、<iframe>以及表单元素如<textarea>、<input>和<select>等。 替换元素的默认 display 值。所有的替换元素都是内联水平元素，也就是替换元素和替换元素、替换元素和文字都是可以在一行显示的。但是，替换元素默认的 display 值却是不一样的。 替换

4.1深入理解content4.1.1content 与替换元素:根据是否具有可替换内容，我们可以把元素分为替换元素和非替换元素；1、替换元素：通过修改某个属性值呈现的内容就可以被替换的元素；<img>、<object>、<video>、<iframe>或者<textarea>和<input> 特征：可替换、内容的外观不受页面上的 CSS 的影响、有自己的尺寸、在很多 CSS 属性上有自己的一套元素展示规则 2、所有的替换元素都是内联水平元素，也就是替换元素和替换元素、替换元素和文

替换元素：修改某个属性值呈现的内容就可以被替换的元素 特点： 1.内容的外观不受页面上的 CSS 的影响 2.具有默认尺寸 3.在很多 CSS 属性上有自己的一套表现规则 替换元素的默认 display 替换元素都是内联水平元素，但替换元素默认的 display 值却是不一样的 Firefox中input的button和button元素display不一致，前者为inline，后者为inline-block 替换元素的尺寸计算规则 替换元素的尺寸从内而外分为 3 类：固有尺寸、HTML 尺寸和 CSS 尺寸 1.固有尺寸指的是替换内容原

https://ku.baidu-int.com/knowledge/HFVrC7hq1Q/pKzJfZczuc/LToEo7k

这种通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”。因此，<img>、<object>、<video>、<iframe>或者表单元素<textarea>和<input>都是典型的替换元素 （1）内容的外观不受页面上的 CSS 的影响。用专业的话讲就是在样式表现在 CSS 作用域之外 （2）有自己的尺寸。在 Web 中，很多替换元素在没有明确尺寸设定的情况下，其默认的尺寸（不包括边框）是 300 像素×150 像素 （3）在很多 CSS 属性上有自己的一套表现规

content 与替换元素 1. 什么是替换元素 通过修改某个属性值呈现的内容就可以被替换的元素。例如<img>、<object>、<video>、<iframe>或者表单元素<textarea>和<input>都是典型的替换元素。 具有的特性： l 内容的外观不受页面上的 CSS 的影响 l 有自己的尺寸 l 在很多 CSS 属性上有自己的一套表现规则 2. 替换元素的默认 display 值 替换元素的默认 display 值根据元素类型主要为 inline 和 block 两种， IE 浏览器和 Chrome 浏览器表现一致，但是 Firefo

width:auto的四种宽度表现 （1）fill-available：充分利用可用空间 （2）fit-content：收缩与包裹 （3）min-content：收缩到最小 （4）超出容器限制 CSS 流体布局下的宽度分离原则：CSS中的width属性不与影响宽度的padding/border(有时候包括margin）属性共存。宽度分离便于维护。 boxing-sizing的值有content-box、padding-box、border-box； 其中content-box是默认值。 height：auto； CSS默认流是水平方向的，宽度是稀缺的，高度是无限的。因此，宽度的分配规则比较复杂，高度就显得随

首先介绍什么是可替换元素：通过修改某个属性值，呈现的内容就可以被替换的元素就称为可替换元素，比如img、object、video、iframe、textarea、input 可替换元素的特点： * 内容的外观不受页面上的CSS的影响 * 有自己的尺寸 * 在很多CSS属性上有自己的一套表现规则 * 替换元素的默认display值都是inline或者inline-block，这就代表着input等输入框可以和span在同一行出现 替换元素的尺寸从内往外分为3类： * 固有尺寸指的是替换元素内容原本的尺寸 * HTML尺寸略抽象

Content 与替换元素 1. 什么是替换元素？ 替换元素（replaced elements）是指在 HTML 中，内容由浏览器决定的元素，而非在代码中直接编写或呈现。浏览器根据元素的类型和属性来替换、解析其显示内容，而开发者无法直接控制它们的内部内容。这些元素通常用于呈现外部资源或复杂的交互控件，例如图片、视频和输入框。 以下是几个替换元素的典型特征和例子： 典型特征： 内容：替换元素的内容是通过其属性指定的资源文件（如图片、视频）或是由浏览

替换元素：替换元素是指那些通过修改特定属性来呈现内容的元素。这些元素的内容外观不受页面CSS的直接影响，而是由元素本身的属性或外部对象来控制。包括<img>、<object>、<video>、<iframe>以及表单元素如<textarea>、<input>和<select>等。 替换元素的默认 display 值。所有的替换元素都是内联水平元素，也就是替换元素和替换元素、替换元素和文字都是可以在一行显示的。但是，替换元素默认的 display 值却是不一样的。 替换

替换元素：替换元素是指那些通过修改特定属性来呈现内容的元素。这些元素的内容外观不受页面CSS的直接影响，而是由元素本身的属性或外部对象来控制。包括<img>、<object>、<video>、<iframe>以及表单元素如<textarea>、<input>和<select>等。 替换元素的默认 display 值。所有的替换元素都是内联水平元素，也就是替换元素和替换元素、替换元素和文字都是可以在一行显示的。但是，替换元素默认的 display 值却是不一样的。 替换

Content 与替换元素 1. 什么是替换元素？ 替换元素（replaced elements）是指在 HTML 中，内容由浏览器决定的元素，而非在代码中直接编写或呈现。浏览器根据元素的类型和属性来替换、解析其显示内容，而开发者无法直接控制它们的内部内容。这些元素通常用于呈现外部资源或复杂的交互控件，例如图片、视频和输入框。 以下是几个替换元素的典型特征和例子： 典型特征： 内容：替换元素的内容是通过其属性指定的资源文件（如图片、视频）或是由浏览

1 content 与替换元素，根据是否具有可替换内容来区分；通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”。因此，<img>、<object>、<video>、<iframe>或者表单元素<textarea>和<input>都是典型的替换元素。 替换元素的特征：内容的外观不受页面上的 CSS 的影响；有自己的尺寸；在很多 CSS 属性上有自己的一套表现规则。比较具有代表性的就是 vertical-align属性，对于替换元素和非替换元素，vertical-align 属性值的解释

4.1深入理解content 4.1.1content 与替换元素:根据是否具有可替换内容，我们可以把元素分为替换元素和非替换元素； 1、替换元素：通过修改某个属性值呈现的内容就可以被替换的元素；<img>、<object>、<video>、<iframe>或者表单元素<textarea>和<input> 替换元素的特性：可替换、内容的外观不受页面上的 CSS 的影响、有自己的尺寸、在很多 CSS 属性上有自己的一套表现规则（比较有代表性的是vertical-align属性）； 2、所有的替换元素都是内

一、什么是替换元素？替换元素是CSS世界中的一个重要概念，与内联元素和块级元素并列。区别在于替换元素的内容可以被替换，即内容由外部资源（如图像、视频、表单控件等）提供，而非由HTML内部的文本或子元素决定。典型的替换元素包括： <img> <object> <video> <iframe> 表单元素如 <textarea> 和 <input> 二、替换元素的特性 内容可替换性： 替换元素的内容通常由属性（如src）定义，可以通过修改这些属性来替换显示的内容。

1. 提供一种方法顺序访问一个聚合对象中各个元素，而又不暴露该对象的内部表示。迭代器模式的主要思想是将集合的遍历行为抽取为单独的迭代器对象。 2.当集合背后为复杂的数据结构，且你希望对客户端隐藏其复杂性时（出于使用便利性或安全性的考虑），可以使用迭代器模式。迭代器封装了与复杂数据结构进行交互的细节，为客户端提供多个访问集合元素的简单方法。这种方式不仅对客户端来说非常方便，而且能避免客户端在直接与集合交互时

5.4 Iterator（迭代器）- 对象行为型模式 提供一种方法顺序访问一个聚合对象中各个元素，而又不需暴露该对象的内部表示。该模式的核心思想是将迭代过程（遍历元素）从容器对象中分离出来，以实现更加灵活、通用的迭代方式,让你能在不暴露集合底层表现形式 （列表、 栈和树等） 的情况下遍历集合中所有的元素。当需要访问一个聚集对象，而且不管这些对象是什么都需要遍历的时候，当需要对聚集有多种方式遍历时（如顺序遍历、逆序遍历），

迭代器模式，提供了一种顺序访问一个聚合对象中各个元素的方法 将遍历机制与列表分离，可以定义不同的迭代器实现不同的遍历策略，同时推广至多态迭代 简化了聚合的接口，支持以不同的方式遍历一个聚合

命令模式通过将请求封装成一个对象，从而允许客户端将请求参数化并能够在不同的时间、队列或者请求执行和调用请求的地方进行参数化和传递。命令模式的核心思想是将请求和执行解耦，使得请求的发送方和接收方彼此独立。通过将请求封装成一个对象，可以灵活地参数化和传递请求，同时支持多种操作的排队、撤销和重做等功能。 在命令模式中，包括以下几个核心角色： 1. 命令（Command）：命令是一个接口或者抽象类，定义了执行操作的方法。

迭代器模式能让你能在不暴露集合底层表现形式 （列表、 栈和树等） 的情况下遍历集合中所有的元素。 优点：客户端不用知道底层存储的数据形式；可以将复杂的遍历代码抽象为一个迭代器类，避免代码冗余； 应用场景：大型文件读取，使用迭代器模式按行读取

第5.4节：迭代器模式 (Iterator) 定义：迭代器模式提供了一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。 应用场景： 需要访问一个聚合对象的内容而无需暴露其内部细节。 需要支持多种遍历方式。 优点： 它支持以不同方式遍历一个聚合对象。 简化了聚合的接口。 缺点： 增加了实现的复杂性。 第5.5节：中介者模式 (Mediator) 定义：中介者模式用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地相

5.4 迭代器模式 迭代器模式提供了一种方法来访问集合对象中的各个元素，而又不需要暴露该对象的内部表示。 把迭代的过程从业务逻辑中分离出来，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。 主要包括以下角色： 迭代器(Iterator)：迭代器定义访问和遍历元素的接口，一般包含 hasNext（是否存在下一个元素）和 next（获取下一个元素）等方法。 具体迭代器(Concrete Iterator)：具体迭代器实现迭代器接口，对聚合对象进行遍历访问。

迭代器模式是一种行为型设计模式，允许顺序访问一个集合对象中的元素，而无需暴露该对象的内部表示。通过使用迭代器，客户端可以在不需要了解集合内部结构的情况下访问集合中的元素。优点有1、分离遍历和集合：迭代器模式将遍历的逻辑和集合元素的结构分开，客户端只需要使用迭代器即可遍历数据。2、支持多种遍历方式：可以轻松地实现多种不同的遍历方式（如正向、反向遍历）。3、简化接口：提供统一的接口来遍历不同的集合，减少了

迭代器设计模式是一种行为设计模式，它提供了一种方法来顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。 一、迭代器模式的角色和结构 迭代器（Iterator）：定义访问和遍历聚合元素的接口。通常包含方法如hasNext()用于判断是否还有下一个元素，next()用于获取下一个元素。迭代器将遍历聚合对象的逻辑封装起来，使得客户端无需了解聚合对象的内部结构即可进行遍历。 具体迭代器（Concrete Iterator）：实现迭代器接口，跟踪聚合

迭代器可以 让你能在不暴露集合底层表现形式 （列表、 栈和树等） 的情况下遍历集合中所有的元素。 当你设计的一个数据结构过于复杂时，你可以通过迭代器为使用者提供一个简单的遍历方法 当集合背后为复杂的数据结构， 且你希望对客户端隐藏其复杂性时 （出于使用便利性或安全性的考虑）， 可以使用迭代器模式

中介者模式 中介者模式是一种行为设计模式，用来对多个对象和类进行解耦，降低对象和类的通信复杂性。 中介者模式定义了一个中介对象来封装一系列对象之间的交互。中介者使各对象之间不需要显式地相互引用，从而使其耦合松散，且可以独立地改变它们之间的交互。 具体到现实中的例子，可以参考聊天室，不同的会员等级拥有不同的特权，比方说钻石会员与普通会员聊天，如果两个会员类直接交互，那普通会员就需要知道钻石会员的各种细节

5.4 iterator（迭代器） - 对象行为型模式 作用：提供一种方法顺序访问一个聚合对象中各个元素，而又不暴露该对象的内部表示。总的来说就是分离了集合对象的遍历行为，抽象出一个迭代器类来负责，这样既可以做到不暴露集合的内部结构，又可以让外部代码透明地访问集合内部的数据。 使用场景：比如我们各种编程语言里的循环，都包含有迭代器功能；再比如python里的爬虫抓取url，进行递归抓取；

代理模式：通过在目标对象前设置一个代理层，实现了对目标对象的间接访问。这一设计不仅增强了系统的灵活性和可扩展性，还巧妙地运用了引用技术，有效降低了在处理庞大对象时所需的深拷贝开销，从而提升了性能。 行为型模式：专注于描述对象和类之间的通信方式，旨在优化系统内部的交互流程。其中，职责链模式尤为引人注目。该模式通过允许多个对象依次处理请求，巧妙地避免了请求发送者与接收者之间的直接耦合，增强了系统的灵活