Javascript 将数据与DOM分离的最佳方法
我有一个时间跟踪/任务管理工具，叫做。基本上，您可以创建一个任务和子任务树，单击当前正在处理的任务，并跟踪您执行该任务的时间 我想添加一个功能，用户可以查看特定日期范围内的时间（即“上周我花了多少时间？”），我想我想要一个选项卡，可以单击该选项卡从“主”视图跳到“历史”视图 问题是，现在我只是通过将所有内容存储在DOM中并将整个html结构转储到localStorage中来持久化数据。为了让history视图工作，我需要将数据从html中分离出来，对吗？我想MVC框架是实现这一点的典型方式，对吗？我在看脊椎，但我觉得这可能有点过分了。我在想也许我应该把我自己简单的小东西卷起来。你觉得怎么样Javascript 将数据与DOM分离的最佳方法,javascript,jquery,model-view-controller,architecture,Javascript,Jquery,Model View Controller,Architecture,我有一个时间跟踪/任务管理工具，叫做。基本上，您可以创建一个任务和子任务树，单击当前正在处理的任务，并跟踪您执行该任务的时间 我想添加一个功能，用户可以查看特定日期范围内的时间（即“上周我花了多少时间？”），我想我想要一个选项卡，可以单击该选项卡从“主”视图跳到“历史”视图 问题是，现在我只是通过将所有内容存储在DOM中并将整个html结构转储到localStorage中来持久化数据。为了让history视图工作，我需要将数据从html中分离出来，对吗？我想MVC框架是实现这一点的典型方式，对吗
我现在正在使用Javascript+Jquery实现所有这些功能。主干网的轻量级与MVC差不多。如果我要编写自己的微MVC框架，它将在一周内转换为主干 我强烈推荐主干而不是编写自己的主干，因为它结构良好且松散耦合。您只能使用所需的主干功能。因为您已经包含jQuery，所以也很少有包含主干的开销 主干网非常适合构建和组织代码 您可以使用适配器将模型保存到本地存储 然后，您可以保存所有模型的积压工作，或者从RESTful服务器获取它们，以用于历史视图 一个可靠的替代方案是，它也是一个轻量级MVC库。Spine采用更传统的MVC方式，只有2kB