KnockoutJS - 應用

KnockoutJS 廣泛用於單頁面應用程式 - 一個建立的網站，能夠透過單個頁面載入動態檢索所有必要資料，從而減少伺服器往返次數。

KnockoutJS 是一個客戶端框架。這是一個 JavaScript 庫，它使 HTML 與域資料繫結變得非常容易。它實現了名為模型-檢視-檢視模型 (MVVM) 的模式。可觀察物件是 KnockoutJS 的神奇成分。由於可觀察屬性，所有資料都保持同步。

架構

檢視

檢視只不過是使用 HTML 元素和 CSS 樣式建立的使用者介面。

您可以使用 KnockoutJS 將 HTML DOM 元素繫結到資料模型。它使用“data-bind”概念在檢視和檢視模型之間提供雙向資料繫結，這意味著在 UI 中進行的任何更新都會反映在資料模型中，並且在資料模型中進行的任何更改都會反映在 UI 中。可以使用 KnockoutJS 建立自更新的 UI。

檢視模型

檢視模型是一個 JavaScript 物件，其中包含表示資料的必要屬性和函式。檢視和檢視模型透過 HTML 中使用的宣告式 data-bind 概念連線在一起。這使得無需更改檢視模型即可輕鬆更改 HTML。KnockoutJS 透過使用可觀察物件來處理它們之間的資料自動重新整理。

資料同步是透過首先使用 data-bind 將 DOM 元素繫結到資料模型，然後透過使用可觀察物件重新整理這兩個元件來實現的。由於這種資料同步，依賴項跟蹤會自動完成。無需額外編碼即可實現它。KnockoutJS 允許在顯示和底層資料之間建立直接連線。

您可以建立自己的繫結，稱為自定義繫結，用於應用程式特定的行為。這樣，Knockout 就可以直接控制您希望如何將資料轉換為 HTML。

模型

模型是伺服器上的域資料，並在從檢視模型傳送/接收請求時對其進行操作。

資料可以儲存在資料庫、cookie 或其他形式的持久儲存中。KnockoutJS 不關心它是如何儲存的。程式設計師負責在儲存的資料和 KnockoutJS 之間進行通訊。

大多數情況下，資料透過 Ajax 呼叫儲存和載入。