文档章节

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
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
【NodeJS】学习笔记和参考资料

NODE JS 笔记篇|>>---------------------------------------------------------------------------------------------------- 1、相关基础命令行操作 2、Node和npm在 Mac 中的默认安装目录 ......

呢喃的猫咪
2012/09/17
0
0
Node.js开发入门—使用AngularJS

做一个Web应用,一般都有前台和后台,Node.js可以实现后台,利用jade模板引擎也可以生成一些简单的前台页面,但要想开发出具有实际意义的现代Web应用,还得搭配一个Web前端框架。 AngularJS是...

foruok
2015/08/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mac OS 最强鼠标改键软件:BetterAndBetter

官网: http://www.better365.cn 话不多说,先上你们最喜欢的软件界面截图。 通用: 触摸板: 鼠标: 键盘: 情景模式: 文本跳窗(自动跳窗): 四角触发: 工具箱: 脚本: 关于: 说下我目...

故国有明
42分钟前
16
0
Hbase Schema 模型设计注意事项及示例

一、Hbase 数据模型概述 HBase的数据模型也是由表组成,每一张表里也有数据行和列,但是在HBase数据库中的行和列又和关系型数据库的稍有不同。 表(Table): HBase会将数据组织成一张表,表名必...

PeakFang-BOK
今天
6
0
Blockathon(2018)上海竞赛项目成果今天揭晓

开幕式现场 10月19日,Blockathon(2018)上海在黄浦区P2联合创业办公社举行,本次活动由50名区块链开发者组成9支参赛队伍,来自国内外优秀区块链开发团队的20名技术专家担任导师及裁判。9支队...

HiBlock
今天
6
0
微信小程序开发系列六:微信框架API的调用

微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发...

JerryWang_SAP
今天
13
0
5 个用 Python 编写 web 爬虫的方法

大家在读爬虫系列的帖子时常常问我怎样写出不阻塞的爬虫,这很难,但可行。通过实现一些小策略可以让你的网页爬虫活得更久。那么今天我就将和大家讨论这方面的话题。 我刚整理了一套2018最新...

糖宝lsh
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部