时间:2021-05-18
有用的符号:
| 竖杠后的字符会被原样输出 · 点表示下一级的所有字符都会被原样输出,不再被识别。(就是|的升级版,实现批量) 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的应用(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.配置模板引擎Express默认的模板引擎是pug(jade),想要渲染html页面必须要导入对应的模板引擎ejsnpminstallejs安装完成在app.
一、使用ejs作为模板引擎koa2如果使用ejs、jade这种作为模板引擎的话,直接使用koa-views进行模板加载即可。比如使用ejs:安装:yarnadd
Jade是Node.js的一个模板引擎,它借鉴了Haml的很多地方,所以语法上和Haml比较相近。并且,Jade也支持空格。1、标签在Jade里,一行开头的任何
Express在初始化一个项目的时候需要指定模板引擎,默认支持Jade和ejs。这里我们使用ejs模板引擎:(关于ejs的介绍可以先从百科里面了解一个大概)EJ
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是他没有一个html该有的样子。。。所以我还是决定使用sw