前端JS上下文中模型的定义

Question

我通常使用后端开发，其中模型被定义为某些数据库查询操作或内部预初始化数据字段的内存中表示。它由控制器或服务方法处理，并传递给用户的视图。

我也非常熟悉jQuery，但一直在努力应对回调地狱和管理事件绑定。这导致了一些主要的代码膨胀和其他问题。

我正在寻找使用Backbone来解决jQuery问题的项目。但是，在前端Web开发环境中，模型究竟是什么？

Answer 1

嗯，一个模型可以是任何东西，但是它们都将存储在内存中，用于JS应用程序的生命周期（当用户关闭标签/浏览器或重新加载它时结束）

然而，有不同种类的模型。一个代表后端的数据实体，一个代表前端的数据实体

例如，在后端你有User模型，然后在前端，你也希望拥有User模型，并通过API（例如REST）映射到你的后端。然后，在您的前端，您还有其他可以链接到User但不应存储在数据库中的内容，例如当前会话的用户设置（尽管您可以将其存储在db中，但它更好使用本地存储或客户端存储的其他方式（包括cookie）将其存储在客户端中

总而言之，前端的Model概念与后端的概念非常类似，您仍然可以在前端应用您的设计模式和各种技术

Answer 2

前端的模型是一组绑定到数据的html元素。 例如：根据您访问的朋友的个人资料，可以将相册容器视为模型。元素列表可以双向绑定（模型到数据和数据到模型），而不需要任何显式调用来更改html元素的行为。使用javascript框架可以避免这些显式调用。例如：如果html元素（例如具有照片和视频部分的div）取决于您选择的用户配置文件。然后我们可以将所有这些照片和视频部分建模为单个模型绑定到用户名，并相应地将它们加载到容器中。