世界上最好用的纯前端模板【没有之一】，AceTemplate高调亮相。

blog:http://blog.csdn.net/zswang/article/details/6582563wiki:http://code.google.com/p/ace-engine/wiki/AceTemplate

楼主确实厉害，在csdn宣传哈也是不错的想法

http://qun.qq.com/air/create#create/
这个用的是什么技术啊？

这个怎么没人加精啊，人家在.net版发的一段jquery的计时代码都能推精

这个功能我做的项目中也实现了，主要是用来实现前端的国际化的。语法上有点区别，我们的用法是这样：
<div needI18n = "true"
i18nVals = "title:$text(key1), innerHTML:$case(zh-ch:key2, else:key3">
</div>
借鉴下楼主的语法，打算也写一个，到时候PK下

对于效率很快。但对于SEO是个弊端！

大侠，请回答一下我的问题把。
http://topic.csdn.net/u/20110704/09/2176c49d-c42c-4f47-8c8d-abcfe80f1697.html?40524

如果你是一个ajax的应用，所有数据都是api获得。
比如：实时的应用商店、微博、即时通讯、用户个性化设置等等，沾不上SEO光的服务都可以考虑使用。

看见好用两个字就笑了，LZ你也就停留在好不好用这个初级阶段了而且好用还不一定能说的上，Smarty难道不好用吗？

SEO跟这个没有什么关系。lz的demo里在body里边有一堆脚本代码，但是这些脚本也无需放到html里边，放到单独的js文件就可以了，在body里边写一行、调用它就行。lz的代码根本没有在html上放置seo的内容，但是不是说不能seo。SEO就是在body一开始就有一些数据<div>，然后在脚本执行时可以删除这些多余的html。不是说写了脚本，就不允许人家写seo的html。

说“写脚本就不能seo了”，这是不对的。这只是不知道如何seo而已。

蒙骗？
我可以肯定的说：已经再没有纯前端模板能将学习门槛降到如此之低了，因为只需要掌握html和js。
开源、开放的心态、面对所有开发者，谢谢拍砖，谢谢关注。感谢sp1234提供解决seo的方案，并帮助答疑。

Smarty是一个使用PHP写出来的模板引擎，模板的渲染过程在后台执行。
AceTemplate则是用JS写出来的，不依赖后台解析。

非常好的一个问题。举个例子吧。今天拿到一个列出热门电影需求，实现步骤：
1、美工设计好了视觉效果；
2、前端工程师（或设计师）生成好静态页面（html+css+切图）效果；
3、前端工程师（或者是前后端兼备的工程师）实现逻辑和页面展现部分；
4、测试上线。第2步，我们会输出一个静态的页面。
<body>
<h3>今日电影排行榜</h3>
<ul>
<li>
<b>第1名</b>
<a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%BD%A8%B5%B3%CE%B0%D2%B5">建党伟业</a>
</li>
<li>
                        <b>第2名</b>
<a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%B1%E4%D0%CE%BD%F0%B8%D53">变形金刚3</a>
<span>new!</span>
</li>
<li>
<b>第3名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%B9%A6%B7%F2%D0%DC%C3%A82">功夫熊猫2</a>
</li>
<li>
<b>第4名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%BC%D3%C0%D5%B1%C8%BA%A3%B5%C14">加勒比海盗4</a>
</li>
<li>
<b>第5名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=3d%C8%E2%C6%D1%CD%C5">3d肉蒲团</a>
</li>
</ul>
</body>下一步：这个静态页面（原始设计稿）可能会被翻译成apsx、jsp、php...
总之离原始设计稿越来越远。当需要变化的时候，比如添加一个电影的海报<img>标签。
通常就会直接改php、jsp、php...，原始设计稿也许就不会再更新了。
在逻辑和数据没有就绪的过程中很难看到最终的产品视觉。另一种开发方式，我们可以至始至终维护一份文档（原始设计稿+模板）只要在需要渲染的地方加上模板标签；云端只负责提供api，至于是php、java、.net就不重要了。
        <h3>今日电影排行榜</h3>
        <ul>
                
<li>
<b>第1名</b>
<a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%BD%A8%B5%B3%CE%B0%D2%B5">建党伟业</a>
</li>
<li>
                        <b>第2名</b>
<a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%B1%E4%D0%CE%BD%F0%B8%D53">变形金刚3</a>
<span>new!</span>
</li>
<li>
<b>第3名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%B9%A6%B7%F2%D0%DC%C3%A82">功夫熊猫2</a>
</li>
<li>
<b>第4名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=%BC%D3%C0%D5%B1%C8%BA%A3%B5%C14">加勒比海盗4</a>
</li>
<li>
<b>第5名</b><a target="blank" href="http://top.baidu.com/detail.php?b=26&w=3d%C8%E2%C6%D1%CD%C5">3d肉蒲团</a>
</li>
                            <script id="t1" type="text/template">
                for (var i = 0; i < this.length; i++) {
                    var item = this[i];
                    <li>
                        <b>第#{i + 1}名</b><a href="#{item.url}" target="blank">#{item.title}</a>
                        if (item.isnew) {
                            <span>new!</span>
                        }
                    </li>
                }
            </script>
        </ul>
在发布上线的时候，将调试数据和seo数据分类进行整理（前端编译）。当然，也得按照自己实际项目选择适合的开发方式。

你说你这个是“纯前端”的模板，什么是纯前端？那本书里面提到的，还是你自己定义的。你说Smarty是后台执行，哪个后台，执行的什么？你是“纯前端”，“前端”在哪，“纯”在哪？你说你是全世界最好用的，请举出全世界其他所有不是最好用的详细例子，说明你这个没有任何技术创新的模板好在哪里。

智能（自动识别语法、标识符）请说明你的模板应用的智能算法,遗传算法GA还是神经网络ANN等等.如果不知道什么是智能就不要胡说误导大众，谢谢。

对于清洁工大佬的能力毋庸置疑，小弟一直膜拜中。
这套东西能不能这样理解，类库谈不上，确切说类似一个解析器，它侧重点放在前端，
它定义自己的一套解析规则，避开后端渲染工作，由前端完成，不需要有时为了迁就一些复杂的
后端把前端弄得复杂。
简单的说这样后端负责提供数据，前台就可以更灵活调整，就像大佬说的更贴近原始设计稿。
至于它与SEO，不认为有什么直接搭嘎的地方，该怎么样还是怎么样，反正我倒是觉得这样挺好。
也与Smarty貌似没什么可比性，侧重点都不同。哈哈，总之清洁工大佬的东西又可以收藏与学习了。

thanks for share &

到此一游~~顶一下
http://www.sunsmartled.com

调试易

世界上最好用的纯前端模板【没有之一】，AceTemplate高调亮相。

解决方案 »