本文小编就为大家分享一篇基于模板引擎Jade的应用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

有用的符号:

| 竖杠后的字符会被原样输出 · 点表示下一级的所有字符都会被原样输出,不再被识别。(就是|的升级版,实现批量) include 表示引用外部文件

短杠说明后面跟着的字符只是一段代码(与|的区别就是,|后面的内容会被显示,而短杠后面的内容直接不显示了!)

例子:

js:

const jade = require('jade');

console.log(jade.renderFile('./xxx.jade',{pretty:true,name:'singsingasong'}))

jade:

'|'的应用

'.'的应用

include的应用

调用变量做运算

p的class

'-' 的应用

变量的直接引用

span#{a}和span=a效果是一样的。

jade中的for循环

jade:

-for(var i=0;i

p=arr[i]

js文件:

console.log(jade.renderFile('./views/11.jade',{pretty:true,name:'singsingasong',

arr:['aaa','bbb','ccc','ddd']

}));

运行结果:

'!' 的应用

html

head

body

p(class='1')!=content

p(class='2')

运行结果:

jade的if...else...

html

head

body

-var a=19;

if(a%2==0)

p(style={background:'red'}) 偶数

else

p(style={background:'green'}) 奇数

case语句

html

head

body

-var a=1;

case a

when 0

p aaa

when 1

p bbb

when 2

p ccc

default

|不靠谱

综合的来一个

小提示:之前的jade文件我们都没有写DOCTYPE,这里给它加上

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

相关推荐:

php配合jade使用,详解基于模板引擎Jade的应用相关推荐

  1. FreeMarker基本语法详解及模板文件的组成(二)

    海浪上次给大家分享了FreeMarker基本语法详解及模板文件的组成(一)海浪今天继续分享FreeMarker基本语法详解及模板文件的组成(二) 3.2 输出变量值<?xml:namespace ...

  2. 详解基于 Cortex-M3 的任务调度(下)

    文章目录 工程说明 实验结果 代码讲解 时钟节拍 任务切换 task_switch() PendSV_Handler 任务的代码 重要的全局变量 main() 函数 代码下载 在 详解基于 Corte ...

  3. 《嵌入式Linux软硬件开发详解——基于S5PV210处理器》——2.2 DDR2 SDRAM芯片

    本节书摘来自异步社区<嵌入式Linux软硬件开发详解--基于S5PV210处理器>一书中的第2章,第2.2节,作者 刘龙,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  4. python selenium爬虫_详解基于python +Selenium的爬虫

    详解基于python +Selenium的爬虫 一.背景 1. Selenium Selenium 是一个用于web应用程序自动化测试的工具,直接运行在浏览器当中,支持chrome.firefox等主 ...

  5. Apollo进阶课程㉘丨Apollo控制技术详解——基于模型的控制方法

    原文链接:进阶课程㉘丨Apollo控制技术详解--基于模型的控制方法 PID控制是一个在工业控制应用中常见的反馈回路部件,由比例单元P.积分单元I和微分单元D组成.PID控制的基础是比例控制:积分控制 ...

  6. 《嵌入式Linux软硬件开发详解——基于S5PV210处理器》——1.2 S5PV210处理器

    本节书摘来自异步社区<嵌入式Linux软硬件开发详解--基于S5PV210处理器>一书中的第1章,第1.2节,作者 刘龙,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  7. php 六边形 属性图 能力数值图,详解基于 Canvas 手撸一个六边形能力图

    一.前言 六边形能力图如下,由 6 个 六边形组成,每一个顶点代表其在某一方面的能力.这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边形能力图.当然,你也可以基于其他开源的 js 方案来 ...

  8. OSPFv2原理详解(基于RFC2328)+配置介绍+RFC2328翻译

    个人认为,理解报文就理解了协议.通过报文中的字段可以理解协议在交互过程中相关传递的信息,更加便于理解协议. 虽然路由器自身可以对协议做一些独特的配置,但是报文仍然是协议的核心.例如,OSPF的完全末节 ...

  9. 模板模式详解、模板模式怎么用、模板模式模板代码

    模板模式详解.模板模式怎么用.模板模式模板代码 文章目录 模板模式详解.模板模式怎么用.模板模式模板代码 @[toc] 模板模式定义 使用场景 优点 代码实操 模板模式定义 在模板模式(Templat ...

最新文章

  1. 【收藏】推荐系列:2008年第08期 总10期
  2. 在DataGrid中將RowHeader 加上文字...
  3. 将d:\java目录下的所有.java文件复制到d:\jad 目录下,并将原来文件的扩展名从.java 改为.jad
  4. 【Luogu】P1607庙会班车Fair Shuttle(线段树+贪心)
  5. ubuntu 打开ssh登陆_Ubuntu开启SSH远程登录
  6. 台币转换计算机,Soulver 内建自动计算机功能的备忘录工具 货币换算、複杂数学式也支援...
  7. Pr:制作片尾滚动字幕(基本图形法)
  8. 千万不要用中文名当系统用户名,如果你用了,建议重置电脑
  9. 文件操作fwrite写txt文件乱码怎么办,我这里有方法解决
  10. 江苏省计算机二级c语言复习知识点,计算机二级C语言知识点复习
  11. 旧mac迁移到Mac21款m1后微信聊天记录文件显示未下载怎么办
  12. 数据结构—约瑟夫环问题(C语言版)
  13. sublime build 系统必读
  14. devtools::install_github()无法安装问题
  15. 信息系统投标的一些心得和总结
  16. java和python哪个更实用?
  17. 短视频的引爆点在哪?
  18. 2022股市行情分析:最新个股研究
  19. linux逻辑卷管理,RAID磁盘阵列,过程管理,VDO
  20. 代码战争之围攻STONEHOLD

热门文章

  1. oracle 对表重建索引,重建特定Oracle表的所有常规索引
  2. Visual C++学习总结——进程或线程与指定CPU绑定
  3. mysql数据库查询要注意事项_三种mysql高级查询技巧_数据库_mysql函数_课课家
  4. svn增量打包部署_实现Jenkins+svn+bat批处理构建svn版本差异增量的自动化打zip包
  5. Hadoop3.2.0使用详解
  6. [iOS]自定义view使用xib
  7. 如何迎接新的 .NET 时代
  8. 织梦系统的安装与详细信息
  9. linux文件系统格式化
  10. RSA 2010年信息安全大会六大热点预测