我们说我有一个主layout.handlebars
和一个有两个主要部分的网站。
如果我像这样定制layout.handlebars
,会有任何性能差异:
<head>
<title>{{title}}</title>
<link href="css/bootstrap.css" rel="stylesheet">
{{#if section1}}
<link href="css/section1.css" rel="stylesheet">
{{else}}
<link href="css/section2.css" rel="stylesheet">
{{/if}}
</head>
并像这样呈现:
router.get('/section1', function(req, res){
res.render('section1',{title: 'Section 1', section1: true});
});
而不是为网站的两个部分分别使用两种不同的布局?
答案 0 :(得分:1)
没有性能损失,但你最终会得到凌乱的代码 如果'第3节'出现怎么办?另一个如果?
怎么样?
<head>
<title>{{title}}</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/section1.css" rel="stylesheet">
<link href="css/section{{section}}.css" rel="stylesheet">
</head>
渲染类似:
router.get('/section1', function(req, res){
res.render('section1',{title: 'Section 1', section: "1"});
});
或
router.get('/section2', function(req, res){
res.render('section2',{title: 'Section 2', section: "2"});
});