jade模板基本用法
2015-05-10 16:44
169 查看
Jade是一款高性能简洁易懂的模板引擎,Jade是Haml的Javascript实现,在服务端(NodeJS)及客户端均有支持。
功能
客户端支持超强的可读性
灵活易用的缩进
块扩展
代码默认经过编码处理以增强安全性
编译及运行时的上下文错误报告
命令行编译支持
HTML5模式(使用!!!5文档类型)
可选的内存缓存
联合动态和静态标记类
利用过滤器解析树的处理
支持 Express JS
利用each透明的循环objects,arrays甚至不可枚举对象
块注释
不需要标记前缀
AST过滤器
过滤器
:sass 需要安装sass.js
:less 需要安装less.js
:markdown 需要安装markdown-js或node-discount
:cdata
:coffeescript 需要安装coffee-script
Vim语法文件
TextMate包
Screencasts
其它语言实现
phpScala
Ruby
安装
通过npm:浏览器支持
可以通过下面命令将jade编译为客户端浏览器兼容的文件:公开API
Options
执行作用域(this)scope本地变量对象locals
处理异常及缓存时使用filename
通过文件名将Javascript缓存在内存中cache
输出生成的标记和函数体debug
替换jade默认编译引擎compiler
语法
行尾
在解析前会将 CRLF 和 CR 转换为 LF.标记
标记是一行的第一个单词:标记也可以有id:
如何处理类?
多个class?并且还有id?
总写div确实很烦人,可以省略之:
标记文本
只需要将文本内容放在标记后面:酷,但是如何处理大段文本呢?
内插法?是的,这两种类型的文本都可以使用内插法,如果我们传入{ locals: { name: ‘一回’, email: ‘xianlihua[at]gmail.com’ }},可以这样做:
出于某种原因需要输出#{}?转义之:
也可以使用反转义变量!{html},下面的代码将输出script标记:
注释
单行注释当前看起来与Javascript一致,即“//”,单行注释的内容必须放在同一行上:块注释
块注释会依据缩进进行处理:嵌套
Jade支持通过嵌套来以自然的方式定义标记:块扩展
块扩展允许创建单行的简洁嵌套标记,下面的示例与上例输出相同:特性
目前Jade支持’(‘和’)'的特性定界符。文档类型
利用!!!来增加页面的文档类型:过滤器
过滤器以冒号(:)作为前缀,如 :markdown 将会对文本进行函数处理,(一回注:类似Smarty的变量调节器),本页开始处列出了目前Jade支持的过滤器。代码
Jade目前支持三种类型的可执行代码,第一种以-为前缀,不会被缓冲:接下来我们转义了缓冲代码,用于缓冲返回值,以等号(=)作为前缀:
也可以进行嵌套循环:
命令行工具:bin/jade
输出html到标准输出(stdout):相关文章推荐
- [js高手之路]Node.js模板引擎教程-jade速学与实战1-基本用法
- 关于模板引擎handlebars.js基本用法
- 【我的笔记BLOG3】Express基本用法,和路由控制,和模板渲染ejs
- jade模板基本语法
- 关于模板引擎handlebars.js基本用法
- jade模板引擎简明用法
- node前端模板引擎Jade之标签的基本写法
- 06 C++中类、函数、成员模板基本用法
- 模板字符串的基本用法
- 07 C++模板特化、模板偏特化和模板模板参数基本用法
- Java操作FreeMarker模板引擎的基本用法示例小结
- js模板引擎之 Handlebars 基本用法
- Velocity 模板基本用法
- 二分图的基本用法与模板
- jade模板引擎的基本使用
- SurfaceView的基本用法模板自定义实现抽奖盘
- Adsutil.vbs基本用法
- Bootstrap——基本模板
- SpannableString的基本用法
- Git的17条基本用法