前端使用模板引擎会慢么？

Question

相关问题

但毕竟是需要 js 渲染处理，不会比较慢么？还是那点延迟可以忽略不计？

Answer 1

楼主所说慢的内容应该是指页面的渲染速度。
实际上在开发的时候前端的模板的使用是很有必要的。
不适用模板引擎的时候，大家都是把大量的字符串写在js里面，像下面这样

var array = [
    {
        name: 'xxx',
        age: 10
    },
    {
        name: 'yyy',
        age: 13
    },
    {
        name: 'zzz',
        age: 14F
    }
]

var content = '';
for (var i = 0; i < array.length; i++) {
    content = content + '<div class="panel panel-primary"><div class="panel panel-body"><div class="panel-title">模板引擎</div></div><div class="panel-body"><p>' + array[i].name + '</p></div></div>'
}

这样屎一样的代码维护起来真是要人老命了。视图和逻辑代码混在一起，没有清晰的功能划分。
使用模板引擎，将模板引擎从逻辑代码剥离开，看起来就像这样的：

{{#each array}}}
<div class="panel panel-primary">
    <div class="panel panel-body">
        <div class="panel-title">模板引擎</div>
    </div>
    <div class="panel-body">
        <p>{{name}}</p>
    </div>
</div>
{{/each}}

楼主你愿意维护哪种代码？

MVC模式是现在开发的主流趋势，其实也是为了更好的开发，方便维护。
至于楼主所说的效率问题，楼主完全不用担心，js执行在浏览器端，现在用户的机器配置还是可以的，对页面渲染速度不会有太大影响