Cirru HTML: 类似 Jade 的缩进语法来编译生成 HTML

2014-03-26 16:55:50 +08:00
 jiyinyiyong
Jade 很强大的, 但是空格处理, 还有属性偏多时的写法让我不舒服,
刚好自己想尝试写个模版引擎, 就做了一个给自己用, 按 Cirru 的文法写的.

主要的功能:
* 缩进语法
* : 语法简化属性的书写
* 简化的 @ 语法, 用来处理逻辑和嵌入数据
* 嵌入文件的功能
* 做了预编译, 加快模版的执行

缺少的部分:
* 没有做命令行版本的编译工具
* 每次渲染前需要做 cache
* 详细文档.. 看视频也能了解一些
* 基于 CommonJS 规范. 没有 requirejs 等版本

使用 @partial 和 @insert 依赖服务端环境, 其他的浏览器环境也能跑.

代码的例子: https://gist.github.com/jiyinyiyong/9777817#file-html-cirru

项目的仓库地址: https://github.com/Cirru/cirru-html

我在项目里使用的时候会用 ShellJS 脚本这样调用:
https://github.com/jiyinyiyong/dual-balanced-ternary/blob/master/make.coffee#L14

cirru-html 和 Vue.js 搭配的效果是这样的:
https://github.com/jiyinyiyong/todolist/blob/master/cirru/menu.cirru

另外还有个视频做了一些比较具体的介绍:
http://www.tudou.com/programs/view/2aEImzycfi4/

目前非常粗糙, 有想法请在 GitHub 上提 Issue, 欢迎 fork
3086 次点击
所在节点    分享创造
4 条回复
bitbegin
2014-05-12 15:06:01 +08:00
沙发
ivenvd
2014-05-12 15:36:23 +08:00
还是 Slim 简洁……
zythum
2014-05-12 17:38:16 +08:00
做得不错!
NemoAlex
2014-05-12 19:22:47 +08:00
我觉得这个这么多蚊香也没比 Jade 好啊

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/105977

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX