express-liquid
express-liquid copied to clipboard
v0.3 新特性
- 可选择渲染模式: 仅服务器端 / 仅客户端 / 自动
- 支持新标签
{% 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>