基于模板引擎Jade的应用(详解)
作者：SingSingaSong 发布时间：2024-05-11 10:14:57
标签：模板引擎,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,这里给它加上
这个执行结果的是：如果文件读写顺利就输出‘成功'，如果出错，就返回‘错误'。
来源：http://www.cnblogs.com/n2meetu/archive/2017/12/12/8026932.html
0
投稿猜你喜欢
终端输出彩色文字开发工具：Mac，Goland，Mac自带shell。这是基于Mac的测试结果，根据读者留言，在Windows上不生效，标识- 本文实例讲述了Python实现的朴素贝叶斯算法。分享给大家供大家参考，具体如下：代码主要参考机器学习实战那本书，发现最近老外的书确实比中国人
- 1. 导入库import numpy as np #矩阵运算import matplotlib.pyplot as plt #可视化impo
- vue Eslint校验代码报错在使用脚手架创建Vue项目时，一般会安装Eslint插件，这个主要是校验代码格式和规范用的，但是它很有点让人
- 我的页面上有一个下拉菜单,页面上有一个文本输入框,一个图像上传框,文本输入框默认是显示的,而图片上传框是隐藏的.假设下拉菜单有两项A和B,我
- 下面是模板的一般形式，显示了指定 SQL 查询和 XPath 查询的方式： <ROOT xmlns:sql="ur
- 在Python中，类表示具有相同属性和方法的对象的集合。在使用类时，需要先定义类，然后再创建类的实例，通过类的实例就可以访问类中的属性和方法
- 前言小伙伴a,b,c围着吃火锅，当菜上齐了，请客的主人说：开吃！，于是小伙伴一起动筷子，这种场景如何实现Event（事件）Event（事件）
- // 格式化字符串 Fmt("{0}.[{id}].{name}",{id:1,name:'
- 很多时候我们需要让main函数不退出，让它在后台一直执行，例如：func main() { for i := 0;
- 本文实例讲述了Python疯狂填词程序实现方法。分享给大家供大家参考，具体如下：题目如下：创建一个疯狂填词程序，它将读入文件，并让用户在该文
- 目录CMD命令获取电脑里配置过的wifi信息用python脚本来实现这一操作，并获取所有配置过的wifi密码CMD命令获取电脑里配置过的wi
- 本文实例讲述了Python编程实现控制cmd命令行显示颜色的方法。分享给大家供大家参考，具体如下：基于win7 + python3.4运行效
- 目录利用python反转图片/视频安装库反转效果实现代码项目地址利用python反转图片/视频准备：一张图片/一段视频python库：Pil
- 本文实例讲述了Python进程，多进程，获取进程id，给子进程传递参数操作。分享给大家供大家参考，具体如下：线程与线程之间共享全局变量，进程
- 程序运行，产生如下结果，然后进程终止，导致这一结果的原因很有可能是内存 * 。当两个较大的 (e.g., 10000*10000 维）ndar
- 本文为大家分享了微信小程序radio组件的使用方法，供大家参考，具体内容如下效果图WXML<view class="tui-
- ASP.NET WEB FORMS 给开发者提供了极好的事件驱动开发模式。然而这种简单的应用程序开发模式却给我
- 前言在做数据恢复时，偶尔会碰到需要对数据文件位置调整的案例，在这种情况下，可以在RMAN中使用SET NEWNAME命令。在Oracle 1
- 制作NBA数据爬虫捋顺思路我们在这里选择的是百度体育带来的数据，我们在百度当中直接搜索NBA跳转到网页，我们可以看到，百度已经为我们提供了相
