浏览器兼容的NodeJS模板

时间:2011-04-30 14:13:28

标签: node.js haml

我希望在浏览器中重用我为NodeJS编写的模板,希望能获得快速页面加载时间(初始渲染)和动态内容切换功能等......

这在Node上最自然,兼容模板引擎的任何想法?

顺便说一句,我喜欢HAML风格的语法,所以基于HAML的任何东西都是一个巨大的优势。

谢谢! 罗马

编辑: 我认为我最喜欢Mustache的方法,它适用于Express,也适用于客户端..这里将更新实现方式......

6 个答案:

答案 0 :(得分:11)

Jade非常出色,与HAML非常相似,可编译为JavaScript以供浏览器使用:)

有关详细信息,请参阅Github repo上的自述文件。

Jade也是当前最受欢迎的Node网页框架的半官方推荐模板语言,Express(事实上,他们共享作者),所以对我来说它看起来是一个不错的选择。

我最近评估了很多NodeJS模板库,最终选择了Jade。

我做了simple example of using Jade in the browser。有趣的事情发生在demo.js,您还可以查看包含基本页面标记的index.jade

答案 1 :(得分:2)

EJS可在浏览器中使用,并且开箱即用。不可否认,语法不是HANL风格,也不是特别丰富,但您可以轻松地使其工作。

我还使用simple technique在客户端和服务器上重复使用模板和视图,并且工作得相当好

答案 2 :(得分:1)

JAVASCRIPT TEMPLATE SHOWDOWN!~

这几乎是所有最好的模板,可以在浏览器中进行测试。

(同样@Raynos它在浏览器中包含了一个jade的例子)

我个人使用Jade,结合手写笔和jquery我只使用css选择器。

但是。 。 。正如你从图表中看到的那样,Jade与firefox 3或者歌剧并不相处。

答案 3 :(得分:0)

您可以尝试焊接在服务器端和客户端实现的https://github.com/hij1nx/weld

答案 4 :(得分:0)

node-jqtpl是您最好的选择。它是jQuery Templates的端口,因此在浏览器中可以100%重复使用。

答案 5 :(得分:0)

在Node.js中编写了一个类似命令的实用程序TplCpl,它允许编译Jade模板以供浏览器使用。

https://github.com/jsmarkus/tplcpl