此內(nèi)容基本上是原始資料的翻譯。目的是了解 Magento 2 的 KnockoutJs 並用葡萄牙語創(chuàng)建有關(guān) KnockouJs 的內(nèi)容。

文件

• 微軟：MVVM
• KnockoutJs：簡介
• KnockoutJs：安裝

MVVM模式

MVVM（模型-視圖-視圖模型）架構(gòu)是一種廣泛應(yīng)用於使用者介面應(yīng)用程式的軟體設(shè)計(jì)模式。 MVVM 在具有複雜和互動(dòng)式使用者介面的應(yīng)用程式中特別有用，因?yàn)樗宄貙I(yè)務(wù)邏輯與介面行為分開。這有利於程式碼維護(hù)、可測(cè)試性和可擴(kuò)展性。

當(dāng)使用者與 View 互動(dòng)時(shí)，ViewModel 擷取這些操作並更新 Model 中的對(duì)應(yīng)資料。當(dāng) Model 更新時(shí)，ViewModel 會(huì)接收這些變更並自動(dòng)更新 View，反映使用者介面中的變更。 ViewModel 也可以執(zhí)行特定操作，例如向伺服器發(fā)送請(qǐng)求以取得或傳送資料。

模型： 模型 代表應(yīng)用程式的資料層。它處理業(yè)務(wù)邏輯、驗(yàn)證規(guī)則、資料儲(chǔ)存和檢索。模型通常由表示特定於應(yīng)用程式域的實(shí)體和功能的資料物件組成。

View： View 是應(yīng)用程式的表示層，負(fù)責(zé)顯示 Model 資料並與使用者互動(dòng)。它代表用戶互動(dòng)以可視化和操作數(shù)據(jù)的圖形介面。在MVVM架構(gòu)中，View盡可能與業(yè)務(wù)邏輯保持解耦，方便更新與取代。

ViewModel： ViewModel 是 MVVM 模式的核心部分。它充當(dāng) View 和 Model 之間的中介，在它們之間執(zhí)行通訊和雙向資料綁定。 ViewModel 包含表示邏輯，將 Model 中的資料轉(zhuǎn)換為適合在 View 中顯示的形式。此外，ViewModel 管理使用者事件和回應(yīng)，並根據(jù)需要與 Model 互動(dòng)。

淘汰賽

Knockout.js 是一個(gè)開源 JavaScript 函式庫，可讓您建立動(dòng)態(tài)和反應(yīng)式使用者介面。它對(duì)於開發(fā)具有複雜和互動(dòng)式使用者介面的 Web 應(yīng)用程式特別有用。 KnockoutJs 是基於MVVM 設(shè)計(jì)模式(Model-View-ViewModel)，它將業(yè)務(wù)邏輯(Model) 與表示(View) 以及中間層分離名為ViewModel 的層。它獨(dú)立於任何其他結(jié)構(gòu)。

KnockoutJs 是由 Microsoft 員工 Steve Sanderson 於 2010 年 7 月 5 日開發(fā)並維護(hù)的開源專案。

KnockoutJs 支援所有主流瀏覽器 - IE 6、Firefox 3.5、Chrome、Opera、Safari（桌面/行動(dòng)）。 data-bind 屬性不是 HTML 原生的，儘管它是一個(gè)可接受的屬性（它與 HTML 5 嚴(yán)格相容，並且不會(huì)導(dǎo)致 HTML 4 出現(xiàn)問題，儘管驗(yàn)證器表明它是一個(gè)無法識(shí)別的屬性）。但由於瀏覽器不知道這意味著什麼，所以需要啟動(dòng) KnockoutJs 才能生效。

使用 KnockoutJs 時(shí)，您的 view 層只是帶有聲明性綁定的 HTML 文檔，用於將其連結(jié)到 view-model 層?；蛘撸梢允褂?models，它使用 view-model.

只需將 script 區(qū)塊放置在 HTML 文件的底部或?qū)⑵浞胖迷陧敳?，並將內(nèi)容包裝在 DOM 就緒處理程序中，例如 jQuery 的 $ 函數(shù)。

ko.applyBindings(myViewModel)：是在KnockoutJs中應(yīng)用資料綁定並將ViewModel（或Model）綁定到介面使用者的方法（查看）。它將 ViewModel 連接到 DOM 中的 HTML 元素，允許來自 ViewModel 的資料自動(dòng)反映在 UI 中，反之亦然。呼叫此方法時(shí)，KnockoutJs 會(huì)遍歷 DOM 來搜尋具有 KnockoutJs 資料綁定 指令的元素，並在這些元素與指令中指定的 ViewModel 屬性之間建立連結(jié)。

（可選）您可以傳遞第二個(gè)參數(shù)來定義要在文件的哪個(gè)部分搜尋資料綁定屬性。例如，ko.applyBindings(myViewModel, document.getElementById('someElementId'))。這會(huì)將啟動(dòng)限制為 ID 為 someElementId 的元素及其後代，如果您想要擁有多個(gè)顯示模型並將每個(gè)模型與頁面的不同區(qū)域相關(guān)聯(lián)，這會(huì)很有用。

安裝

只要使用 <script> 引用 JavaScript 檔案即可HTML 頁面上的某處。 <br> </script>

<script type='text/javascript' src='knockout-3.5.1.js'></script>

顯然有必要更新 src 屬性以符合下載檔案的放置位置。

CDN

為了提供最快的下載速度，最好在官方 KnockoutJs 安裝指南網(wǎng)站上引用來自以下第三方 CDN 之一的 KnockoutJs。

以上是KnockoutJs 簡介的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！