View 主干路由和视图关系

View 主干路由和视图关系,view,routes,View,Routes,我正准备第一次建立一个带有主干的中型网站。共有7个菜单项,在性能方面,我不知道什么是最佳的路由/视图关系。当路由被触发时,我是在每次触发“活动”视图时创建一个新的视图实例,还是在用户加载页面时为每个视图只创建一个视图实例 。。。处理视图的最佳方法是什么?添加和删除dom元素和事件,而不影响性能。e、 g $('selector').html(my-new-view); 如果菜单不变,您只能创建一次菜单。您可以像这样创建一些html模板 <div> <nav>re

我正准备第一次建立一个带有主干的中型网站。共有7个菜单项,在性能方面,我不知道什么是最佳的路由/视图关系。当路由被触发时,我是在每次触发“活动”视图时创建一个新的视图实例,还是在用户加载页面时为每个视图只创建一个视图实例

。。。处理视图的最佳方法是什么?添加和删除dom元素和事件,而不影响性能。e、 g

$('selector').html(my-new-view);

如果菜单不变,您只能创建一次菜单。您可以像这样创建一些html模板

<div>
    <nav>render-here-only-one</nav>
    <section>render-here-when-page-changes/loads</section>
</div>

这里只渲染一个
页面更改/加载时在此处呈现
我更喜欢主干的render方法初始化并附加自身

var testView = Backbone.View.extend({
    el: $("#section"),
    template:_.template("<strong>hello.</strong>")
    initialize: function () { 
        // any change on view will trigger render
        _.bindAll(this, "render");
    },
    render: function (item) { 
        this.el.html(this.template());
    }
});

var myView = new testView();
    myView.render();
var testView=Backbone.View.extend({
el:$(“#节”),
模板:u.template(“你好。”)
初始化:函数(){
//视图上的任何更改都将触发渲染
_.bindAll(本“呈现”);
},
呈现:函数(项){
this.el.html(this.template());
}
});
var myView=newtestview();
myView.render();