首页 > 前端使用模板引擎会慢么?

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

相关问题

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


楼主所说慢的内容应该是指页面的渲染速度。
实际上在开发的时候前端的模板的使用是很有必要的。
不适用模板引擎的时候,大家都是把大量的字符串写在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执行在浏览器端,现在用户的机器配置还是可以的,对页面渲染速度不会有太大影响

【热门文章】
【热门文章】