文档章节

Nodejs学习Jade模板引擎学习1

webphp
 webphp
发布于 2017/07/26 11:28
字数 390
阅读 24
收藏 0

最近在学习nodejs的时候,用到了express发现模板里有jade的模板,今天第一天学习,把学习笔记分享一下,从实际意义上来说,Jade是为了提高前端开发人员的效率而产生的。Jade中,空格、换行、缩进都是有意义的,由这些决定了标签和内容的嵌套关系。典型地,在HTML中,开始标签+内容+结束标签的模式,被改造成开始标签+空格+内容的模式,

如:

HTML

<span class="myclass">text content</span>

Jade

span.myclass text content

其中,.myclass和text中间的空格不能省略,省略则无法进行解析。

嵌套关系则由缩进决定,如:

HTML

<div><p>text content</p></div>

Jade

div
p
text content

div
p text content

类和ID则直接跟在标签后面,如:

div.aClass.bClass.#idOfDiv

注释支持单行//进行注释。还有更多语法上的说明,可以在使用时参考此处。

作为模板语言,Jade支持文件的包含include和扩展extends的,分别说明:include比较符合正常思维,什么地方缺某部分包含进来即可;extend则使用先给
出整体,再替换局部的模式。

include的例子:

//- index.jade
doctype html
html
include ./public/header.jade
body
h1 include demo
p content
include ./public/footer.jade

extends的例子

//- base.jade
doctype html
html
head
block title
title Default Title
body
block content
//- index.jade
extends ./public/base.jade

//- 进行替换
block title
title New Title

block content
h1 extends demo
p content

今天就学了怎么多,反续在分享自己的学习笔记

© 著作权归作者所有

共有 人打赏支持
webphp
粉丝 1
博文 92
码字总数 92338
作品 0
海淀
程序员
私信 提问
windows下node.js之 express框架+jade模板搭建

1、node.js安装 在Windows平台部署Node.js比较容易,从0.6.1开始,Node.js在Windows平台上可直接通过.mis文件安装。 下载地址http://nodejs.org/#download 目前最新版本是 node-v0.8.3-x86....

YouDoce
2012/07/22
0
0
Nodejs学习之一 下载安装与部署nodejs

1,下载nodejs 访问nodejs官网 www.nodejs.org/download/ 下载与机器相匹配的版本 2,安装nodejs 下载下来的msi包一直点击下一步即可 3,部署环境 打开cmd控制台 cd到nodejs的安装目录 输入n...

涩女郎
2015/07/22
0
0
给开发者的 10 款最佳的 JavaScript 模板引擎

随着 Web 开发者和设计者收藏 JavaScript 库的数量越来越多,JavaScript 也有大量流行的库:jQuery,MooTools 等等,很多时候大家都会使用 JavaScript 模板引擎来开发 JavaScript 应用。以下...

oschina
2014/05/12
13.4K
32
JS服务端系列-nodejs+express+ejs+mongodb+工具webstorm环境搭建

1、访问官方网站下载nodejs windows版并安装,http://nodejs.org/#download (nodejs集成npm,我的是安装在d:nodej下,系统win7 32位) 运行 – cmd 运行– d: 切换到d盘) cd nodejs(切换到nod...

透笔度
2015/08/04
0
0
10+ 最佳的 Node.js 教程结合实例

如果你正在找Node.js的学习资料及指南,那么请继续(阅读),我们的教程将会覆盖即时聊天应用、API服务编写、投票问卷应用、人物投票APP、社交授权、 Node.js on Raspberry Pi等等。 以下是N...

noeticforce
2016/06/21
6.6K
10

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 你一口我一口多咬一口是小狗

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文 :分享Roy Orbison的单曲《She's a Mystery to Me》 《She's a Mystery to Me》- Roy Orbison 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
32分钟前
10
2
Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
12
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
18
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部