文档章节

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
码字总数 92070
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

No compiler is provided in this environment

maven 编译报错No compiler is provided in this environment 这个是由于maven在编译的过程中回使用到jdk ,它只会在环境变量中去寻找JAVA_HOME,如果没找到JAVA_HOME就会报这个错误。只要重...

优雅的胖子
9分钟前
0
0
(图文)最详细的XAMPP的安装及使用教程

XAMPP的安装及使用教程 1、简介 2、安装运行 3、配置Apache 4、配置MySQL 5、测试 6、修改MySQL默认密码 7、部署 XAMPP的安装及使用教程 1、简介 XAMPP(Apache+MySQL+PHP+PERL)是一个功能强...

梦梦阁
10分钟前
0
0
python 批量JSON数据,插入数据库

newList=[{"link":"https://www.1.com/","ga_tag":"xvideos","image":"http://static.2.mobi/views/images/xvideos.png?x-oss-process=style/120"},{"link":"https://www.3.com/","ga_tag":"......

Liens
12分钟前
0
0
mediarecord

mediarecorder what=268435556 -1007 解决方案 mPreviewSize = mCamera.getParameters().getPreferredPreviewSizeForVideo();...

zdglf
14分钟前
0
0
安装zookeeper和kafaka

安装zookeeper和kafaka http://mirrors.hust.edu.cn/apache/zookeeper/ http://mirrors.hust.edu.cn/apache/zookeeper/zookeeper-3.4.10/ http://mirrors.hust.edu.cn/apache/zookeeper/zoo......

蜗牛奔跑
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部