JavaScript-javascript数据填充使用拼接还是用一些template好呢？

Question

1、使用js拼接，例如：

data = {name:'张三', age:'20', address:'xxxxx'}
html = "<div>" +
    "<span>姓名："+data.name+"</span>" +
    "<span>年龄："+data.age+"</span>" +
    "<span>地址："+data.address+"</span>" +
    "</div>";

Answer 1

额, 这个有啥好纠结的.

直接拼接按道理来讲效率会更高点.

模板的话更为直观一点.

我曾经采用过这样的方式来渲染页面.

用一个隐藏的html标签来做模板, 然后调用jQuery替换并插入到页面相应位置.

 <div id="div1" style="display:none">
<li><a>SOME_THING_TO_BE_REPLACE</a></li>
</div>