移动端页面列表生成的问题？

像生成这样的列表，数据是从服务器上拿到的。我的方法是ajax得到json数据，然后在js上拼接
然后append到标签之后。
如果考虑性能的话，这种方法算不算最好的方法？还有没有比这更好的方法？

function handleJson(data,f){
    var dataHtml="";
    for(var i=0;i<data.length;i++){
        var title=data[i].title;
        var vid=data[i].number;
        var imgPath=data[i].cover;
        var miao=data[i].duration;
        var teacher=data[i].speaker
        var time=checkNum(miao);
        dataHtml+="<li class='subject'><a href='playV.html?Vid="+vid+"'><div class='item_img'>" +
        "<img src='"+imghost+imgPath+"'></div><div class='item_desc'><p class='item_title'>"+title+
        "</p><div class='item_foot'><span class='sub_people'><s class='fontIcon people'></s>"+teacher+
        "</span><span class='span_g'>|</span><span class='sub_time'><s class='fontIcon time'></s>"+time+"</span></div></div></a></li>";
  }
    if(f=="one"){
        $("#thelist").html(dataHtml);
    }
    else {
        $("#thelist").append(dataHtml)
    }
}