jade模板 注意事项
1. jade模板 语法
doctype html
html
head
body
header
div
2. 添加内容:直接在标签后边加空格 直接写内容
如下:
div 我要写的内容
3. 直接在body内添加内容:body 后边添加 "." 或者 直接 “|内容”
"."可以替换 多行 "|"
|
|
|
html
head
body.
asdas
errdtt
dgdtrg
html
head
body
|asdas
|tryr
|rtytyry
4. 变量: “ #{a} ” 或者代码中 “=a”
doctype html
html
head
body
header
div
-var a="kevin"
div 我的名字叫#{a}
doctype html
html
head
body
header
div
-var arr = ["sdfsf","dfddf","cdfsf"]
-for(var i=0;i<arr.length;i++)
div=arr[i]
Note: 这里注意 里边有“;”时,上述代码 for 前边的 "— "不能省掉 ; 而下边代码的 if 前边的 "—" 可以省掉
doctype html
html
head
body
header
div
-var a=6;
if(a==6)
div=a
else
div skdjhfsk
Note: 使用 "!=" 不转义代码 ,识别变量中的 标签
doctype html
html
head
body
-var a = "<h3>山东富士康</h3>书店合肥收到"
div!=a
5. switch 特殊处理
html
head
body
-var a=4
case a
when 4
div 5
when 3
div 3
default
不对
6.属性 (class="box clearfix",src="./a.jpg")
html
head
body
div(class="box clearfix",data-id="item1")
Note 特例 style class ,json和数组表示
html
head
body
div(class=["box","clearfix"],style={width:"100px",height:"100px",background:"pink"},data-id="item1")
html
head
body
-var arr = ["box","clearfix"];
-var json = {width:"100px",height:"100px",background:"pink"};
div(class=arr,style=json,data-id="item1")
html
head
body
-var arr = ["box","clearfix"];
-var json = {width:"100px",height:"100px",background:"pink"};
div(class=arr, class="active",style=json,data-id="item1")
7.渲染
var str = jade.renderFile('1.jade',{"pretty":true,name:"kevin"});
fs.writeFile("./a.html",str,function(err){})
jade模板 注意事项的更多相关文章
- vue 使用Jade模板写html,stylus写css
vue 使用Jade模板写html,stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式,所以使用了jade写html,stylus写css,省了很多的 ...
- Jade 模板引擎使用
在 Express 中调用 jade 模板引擎 jade 变量调用 if 判断 循环 Case 选择 在模板中调用其他语言 可重用的 jade 块 (Mixins) 模板包含 (Includes) 模 ...
- jade模板
jade 模板使用 npm install jade -g 安装到全局 jade index.jade 导出一个 index.html 压缩后的 jade -P index. ...
- jade模板引擎学习笔记(WebsStorm9.0.3+ nodejs+express+jade)
jade环境搭建 jade标签写法 jade注释 jade添加类名.id.属性 jade添加脚本,css jade变量 jade多行文本显示 jade流程代码:for,each,while jade流 ...
- 【nodejs】jade模板入门
使用jetbrians webstom创建空项目 1.创建package.json 引用依赖配置 { "name": "demojade", "des ...
- Express框架之Jade模板引擎使用
日期:2018-7-8 十月梦想 node.js 浏览:2952次 评论:0条 前段时间讲说了ejs模板引擎,提到了jade的效率等等问题!今天在这里简单提一下jade的使用方式!结合expr ...
- Jade模板引擎使用详解
在 Express 中调用 jade 模板引擎 jade 变量调用 if 判断 循环 Case 选择 在模板中调用其他语言 可重用的 jade 块 (Mixins) 模板包含 (Includes) 模 ...
- jade——创建第一个jade模板
什么是jade? jade是node.js的一个模板引擎,参考了haml的语法,是简写的html语言. 使用单个标签代替双标签,类似于Python,通过缩进来确定从属关系,没有结束符号,非常简洁,使用 ...
- Jade模板引擎学习(二)语法:代码、变量、循环、过滤器及mixin
Jade语法 一.代码 不会被缓冲代码 ul - for(var i=0; i; i++) li Jade Engine 会转换为: <ul> <li>Jade Engine& ...
随机推荐
- 神经网路-SGD-1
SGD神经网络以及python中实现 1.SGD(stochastic gradient descend):<1>数据抽取:<2>计算梯度;<3>参数更新:< ...
- CodeSmith如何生成实体类
CodeSmith如何生成实体类 这是模板,然后选择对应的表.就可以生成 了 <%-- Name: Database Table Properties Author: Paul Welter D ...
- QT出现应用程序无法正常启动0xc000007b的错误
最近做了一个成绩管理系统,打包好后,运行他的exe可执行文件时,出现了如下图的错误提示: 在网上查阅了很多资料,其中有篇文章给了我很大的启示和帮助,文章地址http://www.cnblogs.com ...
- 【XSY3048 】Polynominal 数学
题目描述 给你三个正整数 \(a,b,c\),求有多少个系数均为非负整数的多项式 \(f(x)\) 满足 \(f(a)=b\) 且 \(f(b)=c\) \(a,b,c\leq {10}^{18}\) ...
- Git让你从入门到精通,看这一篇就够了
简介 Git 是什么? Git 是一个开源的分布式版本控制系统. 什么是版本控制? 版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统. 什么是分布式版本控制系统? 介绍分布 ...
- NOIp2018提高组 双栈排序
这真是道神奇的题目: 原题链接 首先我们要证明以下的性质: 若原序列为\(\{a_n\}\),\(a_i\)和\(a_j\)不能同时放入一个栈中,当且仅当\(i<j,a_i<a_j\),且 ...
- Springboot 2.返回cookies信息的get接口开发 和 带cookis去请求
首先要有一个启动类,默认的启动类的名字就是Application.java.启动的时候直接右键点击run就可以 Application.java: import org.springframework ...
- linux镜像下载
https://blog.csdn.net/qq_42570879/article/details/82853708
- 机器学习之正则化【L1 & L2】
前言 L1.L2在机器学习方向有两种含义:一是L1范数.L2范数的损失函数,二是L1.L2正则化 L1范数.L2范数损失函数 L1范数损失函数: L2范数损失函数: L1.L2分别对应损失函数中的绝对 ...
- nodemon 热更新
sudo npm i -g nodemon nodemon app.js