前端模板Juicer

Posted 轻云悠然舞月光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端模板Juicer相关的知识,希望对你有一定的参考价值。

Juicer 是一个高效、轻量的前端 (javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。 除此之外,它还可以在 Node.js 环境中运行。

用过别的前端模板也有不错的, 比如jsrender等,但比较困扰人的一个问题就是:前端模板的定界符和后端模板冲突,造成很多麻烦,比如很多都喜欢用{{}}或{%%}做定界符。

Juicer一个特点就是自定义模板语法边界符,下边是 Juicer 默认的边界符。你可以借此解决 Juicer 模板语法同某些后端语言模板语法冲突的情况.

juicer.set({
    tag::operationOpen: {@,
    tag::operationClose: },
    tag::interpolateOpen: ${,
    tag::interpolateClose: },
    tag::noneencodeOpen: $${,
    tag::noneencodeClose: },
    tag::commentOpen: {#,
    tag::commentClose: }
});

http://juicer.name/docs/docs_zh_cn.html

性能方面有待测试、

以上是关于前端模板Juicer的主要内容,如果未能解决你的问题,请参考以下文章

juicer模板引擎使用记录.md

Juicer 轻量级javascript模板引擎

juicer模板引擎使用

js模板引擎之juicer,特别好用

VS Code配置snippets代码片段快速生成html模板,提高前端编写效率

前端开发工具vscode如何快速生成代码片段