骨干僵尸视图解决方案

Question

因此，我与Backbone一起工作了一段时间，没有任何重大问题。 尽管我已经阅读了很多有关Zombie Views问题以及它们产生的内存泄漏的信息。 经过一些研究，我实现了一种显示视图的方法，希望可以防止此问题。 我目前有两个使用此方法的应用程序，似乎都运行良好，但我想确保此方法有效。

所有这些功能都在名为“ App”的主应用程序对象上起作用，其中定义了应用程序的名称空间，并初始化了应用程序，然后启动了该应用程序。

首先，我当前的解决方案是这样的：当骨干路由器捕获到一个URL时，它将实例化显示该页面所需的所有模型，集合和视图，但路由器不会呈现该视图。 它所做的全部工作都是将视图追加到App对象内的“ contentView”数组中，并使用App.setAndRenderContentViews函数将页面的呈现也委派给App。

在App对象上，我有两个数组，其中包含当前处于活动状态的所有视图。 它们被称为“ contentViews”和“ appendedViews”。 第一个是主要视图，可能具有一些“附加视图”以显示某些模型或集合。 这些最后的视图存储在appendedViews数组中。

路由器每次调用App.setAndRenderContentViews函数时，应用程序都会运行一系列方法来正确关闭所有“ oldViews”，然后呈现新的Views。 所以，这是我到目前为止使用的代码：

window.App =
  Models: {}
  Collections: {}
  Views: {}
  Routers: {}

  contentViews: []
  appendedViews: []

  setContentViews: (views) ->
    @closeViews() unless @contentViews == []
    @closeAppendedViews() unless @appendedViews == []
    for view in views
      @contentViews.push view
    return @contentViews

  closeViews: ->
    for oldView in @contentViews
      @closeView(oldView)
    @contentViews = []

  closeAppendedViews: ->
    for oldView in @appendedViews
      @closeView(oldView)
    @appendedViews = []

  closeView: (view) =>
    view.unbind()
    view.remove()
    view.model.off unless view.model == undefined
    view.collection.off unless view.collection == undefined

  renderContentView: (view) =>
    $('#content-layout').append(view.render().el)

  renderContentViews: (renderViews) ->
    for view in renderViews
      @renderContentView(view)
    return 1

  setAndRenderContentViews: (views, everybody = false) ->
    if everybody == false
      return Backbone.history.navigate('', trigger: true) unless @session.load().authenticated()
    renderViews = @setContentViews(views)
    @renderContentViews(renderViews)

  pushToAppendedViews: (view) ->
    @appendedViews.push view

我不知道这是否是解决此问题的好方法。 另外，也许还有更好的方式处理“僵尸视图”。 我希望你们中的一个可以帮助我。 谢谢！