KnockoutJS教程

KnockoutJS 应用程序

KnockoutJS 广泛用于单页应用程序-创建的网站能够通过单页负载动态检索所有必要的数据,减少服务器往返。
KnockoutJS 是一个客户端框架。这是一个 JavaScript 库,可以很容易地将 HTML 绑定到域数据。它实现了一种称为模型-视图-视图模型 (MVVM) 的模式。 Observables 是 KnockoutJS 的神奇成分。由于 Observable 属性,所有数据保持同步。

架构

KnockoutJS 架构

查看

View 只不过是使用 HTML 元素和 CSS 样式创建的用户界面。
您可以使用 KnockoutJS 将 HTML DOM 元素绑定到数据模型。它使用"数据绑定"概念在 View 和 ViewModel 之间提供了 2 向数据绑定,这意味着 UI 中所做的任何更新都会反映在数据模型中,而数据模型中所做的任何更改都会反映在 UI 中。可以在knockoutJS的帮助下创建自我更新的UI。

视图模型

ViewModel 是一个 JavaScript 对象,它包含表示数据所必需的属性和函数。 View 和 ViewModel 通过 HTML 中使用的声明性数据绑定概念连接在一起。这使得在不更改 ViewModel 的情况下更改 HTML 变得容易。 KnockoutJS 通过使用 Observables 来处理它们之间的自动数据刷新。
数据的同步是通过将DOM元素绑定到Data Model来实现的,首先使用data-bind,然后通过使用Observables刷新这2个组件。由于这种数据同步,依赖关系跟踪是自动完成的。不需要额外的编码来实现它。 KnockoutJS 允许在显示和底层数据之间创建直接连接。
您可以创建自己的绑定,称为应用程序特定行为的自定义绑定。通过这种方式,Knockout 可以直接控制您希望如何将数据转换为 HTML。

型号

模型是服务器上的域数据,它会在从 ViewModel 发送/接收请求时进行操作。
数据可以存储在数据库、cookie 或其他形式的持久存储中。 KnockoutJS 不关心它是如何存储的。由程序员负责在存储的数据和 KnockoutJS 之间进行通信。
大多数情况下,数据是通过 Ajax 调用保存和加载的。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4