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