java模板引擎 jade_模板引擎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

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,这里给它加上

这个执行结果的是：如果文件读写顺利就输出‘成功’，如果出错，就返回‘错误’。

更多专业前端知识，请上【猿2048】www.mk2048.com

java模板引擎 jade_模板引擎Jade详解相关推荐

Hadoop入门(四)——模板虚拟机环境准备（图文详解步骤2021）
Hadoop入门(四)--模板虚拟机环境准备(图文详解步骤2021) 系列文章传送门这个系列文章传送门: Hadoop入门(一)--CentOS7下载+VM上安装(手动分区)图文步骤详解(2021) ...
C++模板之特化与偏特化详解
2019独角兽企业重金招聘Python工程师标准>>> C++函数模板与类模板实例解析_C 语言_脚本之家 http://www.jb51.net/article/53746.htm ...
MySQL存储引擎 lnnoDB逻辑架构 innodb存储引擎表空间(ibd文件)详解回滚日志的物理空间
文章目录存储引擎一 MySQL组织架构二查看存储引擎信息三修改存储引擎 3.1 配置文件修改存储引擎 3.2 临时修改存储引擎 3.3 建表时修改存储引擎四存储引擎实验五数据库升级 ...
java对接阿里云短信服务详解（验证码，推广短信，通知短信）
前言小前提: - java:springboot框架,maven版本管理. - 阿里云:有账号,已经进行实名认证. java对接阿里云短信服务详解(验证码,推广短信,通知短信) 前言 1. 登录阿里 ...
java写exe程序实例,java实现可安装的exe程序实例详解
java实现可安装的exe程序实例详解通过编写java代码,实现可安装的exe文件的一般思路: 1.在eclipse中创建java项目,然后编写java代码,将编写好的java项目导出一个.jar格 ...
把java文件打包成.jar (jar命令详解)
把java文件打包成.jar (jar命令详解) 先打开命令提示符(win2000或在运行框里执行cmd命令,win98为DOS提示符),输入jar Chelp,然后回车(如果你盘上已经有了jdk1. ...
2020年第11届蓝桥杯 Java B组省赛真题详解及小结【第1场省赛 2020.7.5】
蓝桥杯 Java B组省赛决赛真题详解及小结汇总[2013年(第4届)~2021年(第12届)] 第11届蓝桥杯-第1.2次模拟(软件类)真题-(2020年3月.4月)-官方讲解视频说明:部分 ...
2020年第11届蓝桥杯 Java C组省赛真题详解及小结【第1场省赛 2020.7.5】
蓝桥杯 Java B组省赛真题详解及小结汇总[2013年(第4届)~2020年(第11届)] 注意:部分代码及程序源自蓝桥杯官网视频(历年真题解析) 郑未老师. 2013年第04届蓝桥杯 ...
2019年第10届蓝桥杯 Java B组省赛真题详解及总结
蓝桥杯 Java B组省赛真题详解及小结汇总[2013年(第4届)~2020年(第11届)] 注意:部分代码及程序源自蓝桥杯官网视频(历年真题解析) 郑未老师. 2013年第04届蓝桥杯 ...
2018年第9届蓝桥杯 Java B组省赛真题详解及总结
蓝桥杯 Java B组省赛决赛真题详解及小结汇总[2013年(第4届)~2021年(第12届)] 第11届蓝桥杯-第1.2次模拟(软件类)真题-(2020年3月.4月)-官方讲解视频说明:部分 ...

java模板引擎 jade_模板引擎Jade详解

java模板引擎 jade_模板引擎Jade详解相关推荐

最新文章

热门文章