基于模板引擎Jade的应用(详解)
更新时间：2017年12月12日 14:54:13 作者：SingSingaSong
下面小编就为大家分享一篇基于模板引擎Jade的应用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
有用的符号：
| 竖杠后的字符会被原样输出 · 点表示下一级的所有字符都会被原样输出，不再被识别。（就是|的升级版，实现批量） include 表示引用外部文件
短杠说明后面跟着的字符只是一段代码（与|的区别就是，|后面的内容会被显示，而短杠后面的内容直接不显示了！）
例子:
js：
const jade = require('jade');
console.log(jade.renderFile('./xxx.jade',{pretty:true,name:'singsingasong'}))
jade：
'|'的应用
'.'的应用
include的应用
调用变量做运算
div的class
'-' 的应用
变量的直接引用
span#{a}和span=a效果是一样的。
jade中的for循环
jade：
-for(var i=0;i<arr.length;i++) div=arr[i]
js文件：
console.log(jade.renderFile('./views/11.jade',{pretty:true,name:'singsingasong',
arr:['aaa','bbb','ccc','ddd']
}));
运行结果：
'!' 的应用
html head body div(class='1')!=content div(class='2')
运行结果：
jade的if...else...
html
head
body
-var a=19;
if(a%2==0)
div(style={background:'red'}) 偶数
else
div(style={background:'green'}) 奇数
case语句
html head body -var a=1; case a when 0 div aaa when 1 div bbb when 2 div ccc default |不靠谱
综合的来一个
小提示：之前的jade文件我们都没有写DOCTYPE,这里给它加上
这个执行结果的是：如果文件读写顺利就输出‘成功'，如果出错，就返回‘错误'。
以上这篇基于模板引擎Jade的应用(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
本篇文章主要主要介绍了node中koa中间件机制详解，详细的介绍了koa和兼容问题，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了node.js中的buffer.write方法使用说明,本文介绍了buffer.write的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了koa2实现登录注册功能的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了node爬取新型冠状病毒的疫情实时动态,非常不错，本文通过实例代码给大家讲解的非常详细，需要的朋友可以参考下2020-02-02
Node.js是一个基于chrome v8引擎的JavaScript运行时环境,用于构建快速、可扩展的网络应用程序,在某些情况下,降级Node.js版本可能额是必要的,本篇文章将向您介绍如今降级Node.js版本并提供相应的源代码示例,需要的朋友可以参考下2023-11-11
这篇文章主要给大家介绍了关于如何用node优雅地打印全链路日志的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了深入探究node之Transform，本文深入内部阐述Transform的运行机理及使用技巧，有兴趣的可以了解一下2017-07-07
这篇文章主要为大家介绍了Node.js发出请求走Proxyman代理调试tip详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
下面小编就为大家带来一篇Grunt针对静态文件的压缩,版本控制打包的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
安全是不容忽视的，每个开发者都知道它非常重要，真正严肃对待它的却没有几人。下面这篇文章主要给大家介绍了关于Node.js中不安全跳转如何防御的相关资料，文中通过示例代码介绍的非常详细。需要的朋友可以参考下2018-10-10
最新评论