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

Question

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

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

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

Answer 1

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

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

例如，在后端你有User模型，然后在前端，你也需要有User模型并通过 API（例如 REST）映射到你的后端。然后，在您的前端，您有其他可以链接User但不应该存储在数据库中的东西，例如当前会话的用户设置（虽然您可以将其存储在 db 中，但最好将其存储在客户端使用本地存储或其他客户端存储方式，包括 cookie

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

Answer 2

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