如何構建您的JavaScript代碼和功能？

-1

我很好地掌握了JavaScript，這有助於我操縱和製作DOM動態。但即時通訊缺乏如何構建我的功能和代碼的知識，所以它更具互動性。
在下面的示例代碼中，您將如何配置代碼，例如當我添加新用戶或刪除一個用戶時，#userContainer將自動更新。這樣做的如何構建您的JavaScript代碼和功能？

$(document).ready(function() { 
    if(localStorage.myUsers){ 
     // APPENDING USERS IN localStorage.myUsers TO #userContainer 
    } 

    $(document).on("click", "#addUser", function() { 
     // ADD USER TO LocalStorage.myUsers 
    }); 

    $(document).on("click", "#deleteUser", function() { 
     // DELETE $(this) USER FROM localStorage.myUsers 
    }); 

}); // END OF document.ready

來源

2014-03-03 Mac Luc

是你在談論軟件模式？如果是這樣的話，檢查這個MVC框架，它將幫助你在其部分拆分控制器，模型和視圖：http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/ – lin

你想'雙向數據綁定'，AngularJS（http://angularjs.org/）是一個很棒的'MVW（W-Whatever）'javascript框架。 – Lekhnath

謝謝，生病檢查出來！ –

-2

只要你的函數生成的HTML是不是太沉重，這將是一個辦法：

$(document).ready(function() { 
    if(localStorage.myUsers){ 
     PopulateUserContainer(); 
    } 

    $(document).on("click", "#addUser", function() { 
     // ADD USER TO LocalStorage.myUsers 
     PopulateUserContainer(); 
    }); 

    $(document).on("click", "#deleteUser", function() { 
     // DELETE $(this) USER FROM localStorage.myUsers 
     PopulateUserContainer(); 
    }); 

}); // END OF document.ready 

function PopulateUserContainer() 
{ 
    //Clear html. 
    // APPENDING USERS IN localStorage.myUsers TO #userContainer 
}

來源

2014-03-03 11:59:30 Paddy

你這樣做的方式只是很好的格式，你建議孩子創建一個名爲PopulateUserContainer的全局函數。函數名稱也是錯誤的，它應該是小寫的，除非你真的定義了一個可重用的類/原型函數。 –

如何構建您的JavaScript代碼和功能？

回答

相關問題