用於在前端加載視圖的設計模式JavaScript

我對網絡編程比較陌生，正在尋找一個簡單模式來顯示Web的「加載」/等待視圖。在我說別的之前，我只從服務器發送最少量的數據，並開始向客戶端發送JS/HTML資源，而客戶端使用AJAX從服務器請求更多數據（這可能不是最理想的，但可以忍受我）。所以基本上，理論上這應該意味着Web視圖最初會彈出，但花費更多時間加載一些數據和相應的子視圖。因此需要加載視圖。用於在前端加載視圖的設計模式JavaScript

所以我們有標準的jQuery功能。就緒（）

fetchSomeDataAsynchronously(); //self-explanatory 

$(document).ready(function() { 

    //should I load waiting view here or can I initialize it earlier?? 

    window.mainUserHomeView = new MainUserHomeView({el: $("#user-home-main-div")}); 
    window.mainUserHomeView.render(); 

    window.userHomeMainTableView = new UserHomeMainTableView({el: $("#user-home-main-table-div")}); 
    window.userHomeMainTableView.render(); 


    fetchTeamSnapTeams(); //fetch more data asynchronously 

});

也許我的問題很簡單 - 我可以顯示加載屏幕前。就緒（）火災，是什麼樣子？

來源

2015-04-07 Alexander Mills

是的，你可以。只需包含腳本即可在HTML的head或body的開頭顯示視圖。確保在加載所需的資源（例如jQuery）之後加入它。

簡單的例子：

<html> 
    <head> 
     <script type="text/javascript"> 
      function showLoadingView() { 
       // ... 
      } 

      showLoadingView(); 
     </script> 
    </head> 
    <body> 
     <!-- ... --> 
    </body> 
</html>

來源

2015-04-07 09:16:10

酷會給一個鏡頭 –

用於在前端加載視圖的設計模式JavaScript

回答

相關問題