Comment mettre en cache des éléments DOM avec backbone.js?

Question

Dans l'extrait de code suivant, dois-je mettre en cache $ (« # chargement ») dans un autre objet (Appelons il JqueryDOMCache) ou Backbone fait pour moi? Je veux rendre l'application performante car j'ai 300 interactions DOM bizarres.

 var BeforeApploadView = Backbone.View.extend({ 
       el : "#loading", 
       render : function(){ 
        $(this.el).show(); 
       }, 
       hide : function(){ 
        $(this.el).hide(); 
       } 
      }); 

     var App = (function($){ 
      var app = {}; 
      app.start = function(s){ 
       var beforeLoadView =new BeforeApploadView(); 
       beforeLoadView.render(); 
      }; 
      return app; 
     }); 

Answer 1

Non, vous n'avez rien de spécial à faire. Il y a deux raisons à cela:

• Tant que vous avez encore une référence à votre BeforeApploadView, il a une référence à el pour qu'il reste en vie.
• La fonction jQuery hide ne supprime pas le elmenet du DOM. Il s'applique uniquement style="display: none" à l'élément. Le DOM conserve également une référence à l'élément.

Vous devriez être tous ensemble.