日期:2014-05-16  浏览次数:20338 次

QQ群相册的源代码太神奇了
今天看qq相册时,查看了一下html源码,结果看晕了。

下面那些难道是JS模板?浏览器居然直接能解释出来,不知道又是什么新技术。

HTML code

{#foreach $T as r}
{#if ($T.r$index+1) % 4 == 1}
<tr>
    <td><div class="navMoreVerticalBg"></div></td>
    <td>
        <ul class="navMoreUl">
{#/if}
        <li id="{$P.h[$T.r]['m']}Nav" rel="internal" rev="#0/{$P.h[$T.r]['p']}">
            <div class="navMask"><div class="navIcon navIcon{$P.h[$T.r]['i']}D"></div></div>
            <div class="navMoreTitle">{$P.h[$T.r]['n']}</div>
        </li>
{#if ($T.r$index+1) % 4 == 0 || $T.r$last}        
        </ul>
        <div class="navMoreBg"></div>
    </td>
    <td><div class="navMoreVerticalBg"></div></td>
</tr>
{#/if}
{#/for}



JScript code

<script type="text/javascript" src="/god/m/js/loader.zh-cn.js"></script>
<script type="text/javascript">
document.domain = "qq.com";
jL.script({mark: "jquery", uri: "/god/m/js/jquery.zh-cn.js", depend: true});
jL.script({mark: "jquery-plugins", uri: "/god/m/js/jquery/plugins.zh-cn.js", depend: true});
jL.script({mark: "frame", uri: "/god/m/js/frame.zh-cn.js?_=33371", depend: true, onload: function(p) {...}



------解决方案--------------------
JQuery
------解决方案--------------------
我也觉得神奇
------解决方案--------------------
js解析的,有人已经发过了
------解决方案--------------------
http://topic.csdn.net/u/20100607/10/6d8b3654-30dd-4c82-8d66-0133136880ce.html?70912

Freemarker风格的JavaScript模板引擎EasyTemplate
------解决方案--------------------
你会用正则表达式就会解析这些。
------解决方案--------------------
神奇啊
------解决方案--------------------

不神奇
------解决方案--------------------
没测试成功,纠结了。
------解决方案--------------------
我还以为是nvelocity模版
------解决方案--------------------
看不懂~~
------解决方案--------------------
又用js正直表达式解析一遍,好无聊,浪费客户端资源……
------解决方案--------------------
探讨

又用js正直表达式解析一遍,好无聊,浪费客户端资源……

------解决方案--------------------
这个其实是JS压缩和异步加载的典型应用