移动端页面列表生成的问题? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

像生成这样的列表,数据是从服务器上拿到的。我的方法是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)
    }
}

screenshot

展开
收起
杨冬芳 2016-06-17 11:50:24 1713 0
1 条回答
写回答
取消 提交回答
  • 西秦说云
    码农|Coder| Pythonista

    我们公司一直都是这么干的。以前是用的模板引擎。

    2019-07-17 19:42:26
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载
基于浏览器的实时构建探索之路
立即下载