今天看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压缩和异步加载的典型应用