express-liquid icon indicating copy to clipboard operation
express-liquid copied to clipboard

v0.3 新特性

Open leizongmin opened this issue 12 years ago • 0 comments

  • 可选择渲染模式: 仅服务器端 / 仅客户端 / 自动
  • 支持新标签 {% pipe %} ... {% endpipe %} 来启动 bigpipe 模式
  • 检查客户端是否有支持JavaScript,当启动客户端渲染模式时,优先在客户端渲染
  • tinyliquid 需要生成浏览器端程序 (√ 2013.12.14)

初始化方法

  • 传统模式: app.engine('liquid', expressLiquid(options));
  • ~~新特性:在 app.router 前面执行 app.use(expressLiquid.init(options);~~

客户端渲染

bigpipe 模式

模板:

{% pipe %}
  通过异步获取数据
{% endpipe %}
{% pipe %}
  通过异步获取数据
{% endpipe %}

输出:

<div class="tinyliquid-bigpipe" data-part="1"></div>
<div class="tinyliquid-bigpipe" dada-part="2"></div>
<script>
$('.tinyliquid-bigpipe[data-part=1]').html('xxxxxxxxxxx');
$('.tinyliquid-bigpipe[data-part=2]').html('xxxxxxxxxxx');
</script>

leizongmin avatar Dec 13 '13 08:12 leizongmin