javascript - 撤消 JS 中的 dom 更改

Question

我正在编写自定义 HTML 编辑器。用户可以编辑整个 HTML 内容，更改将在 DOM 中更新。我们可以选择撤消所有更改。

逻辑:

在进行更改并再次应用之前克隆整个容器。

缺点:

1. 在 js 内存中存储一​​个巨大的变量。

2. 再次应用更改，dom 将重新绘制所有内容。

有什么方法可以达到同样的目的吗？

Answer 1

你的问题很有用。我不知道处理这种情况的最佳方法是什么，但我知道有 Command Design Pattern在这种情况下可以工作。使用命令设计模式，您可以撤消已保存在程序中的事件。根据我的理解，使用命令设计模式的诀窍是当你需要撤消某些事情时，你需要有做相反事情的功能。例如，如果你需要撤消加函数的结果，你需要有减函数。对于绘图功能，您需要具有清除/删除功能。这是 JavaScript example .