javascript - 将数据与 DOM 分离的最佳方式

Question

我正在使用的时间跟踪/任务管理工具名为 Task Ranger .基本上，您制作了一棵任务和子任务树，单击您当前正在处理的任何任务，然后跟踪您完成该任务的时间。

我想添加一个功能，用户可以在其中查看他们在特定日期范围内的时间(即“上周我花了什么时间？”)我想我想要一个选项卡，我可以点击从“主” View 跳转到“历史” View 。

问题是，现在我通过简单地将所有内容存储在 DOM 中并将整个 html 结构转储到 localStorage 来持久化我的数据。为了让历史 View 正常工作，我需要将数据与 html 分开，对吧？我想 MVC 框架是这样做的典型方式，对吧？我在看 Backbone，但我觉得这可能有点矫枉过正。我在想也许我应该推出自己的简单小东西。你怎么看？

我现在正在使用 Javascript + Jquery 来完成所有这些。

Answer 1

Backbone 与 MVC 一样轻量级。如果我要编写自己的微型 MVC 框架，它会在一周内转换为主干。

我强烈推荐 Backbone 而不是自己编写，因为它结构良好且松散耦合。您只能使用您想要的主干功能。由于您已经包含 jQuery，因此包含 backbone 的开销也很小。

Backbone 非常适合构建和组织代码。

您可以使用 backbone-localstorage适配器将您的模型保存到 localStorage。

然后您可以保存所有模型的积压工作或从 RESTful 服务器获取它们以供您查看历史记录。

backbone 的可靠替代品将是 spine这也是一个轻量级的 MVC 库。 Spine 有更传统的 MVC 态度，只有 2kB