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

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

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

---

我希望在一个项目中使用主干来解决jQuery的问题。然而，在前端web开发环境中，模型究竟是什么？

前端的模型是一组绑定到数据的html元素。

---

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

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

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

例如，在后端，您有

用户

模型，而在前端，您也希望有

用户

模型，并通过API映射到后端（例如REST）。然后，在前端，您可以链接到

用户

，但不应存储在数据库中，例如当前会话的用户设置（虽然您可以将其存储在db中，但最好使用本地存储或其他客户端存储方式（包括cookie）将其存储在客户端

总之，前端的

模型

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