Утечка памяти при удалении элементов из DOM с использованием магистрали

У меня проблемы с тем, что элементы DOM остаются в памяти после удаления. Я настроил пример, показанный ниже. Примечание. Я использую плагин Backbone Layout Manager для управления своими представлениями (а также jQuery).

Я сделал снимок кучи в Chrome до и после удаления одного из элементов в списке и сравнил два:

Как видите, элемент LI все еще находится в памяти.

Backbone Layout Manager выполняет вызовы view.unbind () и view.stopListening () при удалении представления.

Ниже приведен пример кода.

ListOfViewsToDelete.js

var TestModel = Backbone.Model.extend({
  });

  var TestCollection = Backbone.Collection.extend({
    model: TestModel,
  });

  var ViewToDelete = Backbone.View.extend({
    template: "ViewToDelete",
    tagName: "li",
    events: {
      "click .delete-button": "deleteItem"
    },
    deleteItem: function() {
      this.$el.trigger('remove-item', [this.model.id]);
    }
  });

  var ListOfViewsToDelete = Backbone.View.extend({
    template: "ListOfViewsToDelete",
    initialize: function() {
      this.collection = new TestCollection();

      for (var i = 0; i < 5; i++) {
        this.collection.add(new TestModel({id: i}));
      }

      this.listenTo(this.collection, 'all', this.render);
    },
    events: {
      "remove-item": "removeItemFromCollection"
    },
    beforeRender: function() {

      this.collection.each(function(testModel) {
        this.insertView("ul", new ViewToDelete({
          model: testModel
        }));
      }, this);

    },
    removeItemFromCollection: function(event, model) {
      this.collection.remove(model);
    }
  });

router.js

app.useLayout("MainLayout").setViews({
                    "#main": new ListOfViewsToDelete()
                }).render();

ListOfViewsToDelete.html

<ul>
</ul>

ViewToDelete.html

View to delete
<button class="delete-button">x</button>

Ответы на вопрос(1)

Ваш ответ на вопрос