在不同文件中構建基因敲除應用程序

Question

我盯着Knockout.js，卻沒有找到太多有關如何正確構建敲除應用程序的文檔。

在文檔中或在其他頁面中，很容易按照文檔中的教程及其多個示例進行操作，但是關於文件結構的良好實踐並不多。

我看過一些史蒂夫·桑德森（Steve Sanderson）談論如何設計一個大型項目的視頻 ，但它們似乎離我太遠了。 他提到了Yeoman工具來生成基本的KO結構，但是我正在將Node.js與Express.js結合使用，而我已經在使用另一種結構，因此我不確定如何將兩者混合使用。

我目前擁有3個主要文件：

• functions.js
• viewmodels.js（ko viewmodels和域類）
• events.js（用於jQuery事件）

如您所見， viewmodels.js文件將變得越來越大，因此我正在考慮將每個viewmodel及其關聯的域類放在不同的文件中。

我發現的問題是我的某些視圖模型相互關聯，因為它們必須在某個時刻訪問彼此的數據。

我現在正在使用一個主模型：

var MasterModel = function(){
    this.user = new UserViewModel();
    this.department = new DepartmentViewModel();
}

var mm = new MasterModel();
ko.applyBindings(mm);

所以我可以從departmentViewModel諸如mm.user.sayHi()的操作

關於結構問題有什么建議嗎？

Answer 1

好吧，Yeoman工具使用CrossRoadsJS和RequireJS生成單頁應用程序結構。 由於您使用的是ExpressJS，因此我認為Yeoman結構不太適合您的情況。

如果您的視圖模型越來越大，則繼承是個不錯的選擇。

看一下這篇文章 ，它非常好，它教了如何進行javascript繼承，包括私有和公共方法和屬性。 您可以使用它來創建強大且可重用的視圖模型。

關於良好做法，此博客非常好。 它包含有關ko組件和許多其他內容的幾篇文章。

希望有幫助！