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#L14cirru-html 和 Vue.js 搭配的效果是这样的:
https://github.com/jiyinyiyong/todolist/blob/master/cirru/menu.cirru另外还有个视频做了一些比较具体的介绍:
http://www.tudou.com/programs/view/2aEImzycfi4/目前非常粗糙, 有想法请在 GitHub 上提 Issue, 欢迎 fork
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/105977
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.