• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ohmyga
V2EX  ›  程序员

发现好多站点都这么用 js 这是什么框架呢

  •  
  •   ohmyga · Mar 24, 2015 · 4287 views
    This topic created in 4244 days ago, the information mentioned may be changed or developed.
    <script id="aioBuddyTmpl" type="text/plian">
    <div class="rencentText">
    <span class="choiceText" id="choiceText">点击刚发送的好友或群组,发起会话</span>
    </div>
    <ul class="aioBuddyLong" id="aioBuddyList">
    <%
    for(var i = 0, len = list.length; i < len; i++){
    var item = list[i],
    name = encodeHtml(item.markname || item.nick || item.uin);
    var title = '点击发起会话';
    var padStyle;
    if(padFlag){
    padStyle = " padUnhover";
    }


    var lenReg = function(str){
      return str.replace(/[^x00-xFF]/g,'**').length;
    };
    var style;
    if(lenReg(name) < 7){
    style = "text-align:center";
    }else{
    style = "text-align:left";
    }
    %>
    <li id="aioBuddy_<%=item.uuid%>" cmd="clickAioBuddy" param="<%=item.uin%>" class="aioBuddyItem" title="<%=title%>"><div class="rencentBuddyIcon"><img src="<%=item.avatar%>" /><span></span></div><div style="<%=style%>" class="aioBuddyName"><%=name%></div></li>
    <% } %></ul>
    </script>
    6 replies  •  2015-03-25 17:45:57 +08:00
    ETiV
    ETiV
    Mar 24, 2015 via iPhone
    1
    制定个script的type

    当为非script的时候,浏览器不解析这段内容,也不显示。所以就可以当成页面内的html模板,以避免再发起请求去加载独立的模板文件。
    mcfog
    mcfog
    Mar 24, 2015
    2
    就是最普通的ejs吧

    underscore或lodash或ejs都是这样的

    http://underscorejs.org/#template
    https://lodash.com/docs#template
    http://www.embeddedjs.com/
    jarlyyn
    jarlyyn
    Mar 24, 2015
    3
    ejs。

    js的字符串不能分行,所以基本采用这样的方案多。
    script不管样式加载是否成功,都不会显示的,放在script里问题最少,而且也符合语义。
    moxhuis
    moxhuis
    Mar 25, 2015
    4
    artTemplate
    GuangXiN
    GuangXiN
    Mar 25, 2015
    5
    这就是个模板而已呀
    f0rger
    f0rger
    Mar 25, 2015
    6
    type为text/plain或者text/template的话就不会解析执行。因为是script标签,所以页面也不会显示。
    然后就可以通过jq的方法如var tpl = $("#aioBuddyTmpl").html();得到script中的模板内容,调用对应的方法就可以使用了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1287 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 19:27 · PVG 03:27 · LAX 11:27 · JFK 14:27
    ♥ Do have faith in what you're doing.