文档章节

Nodejs学习Jade模板引擎学习1

webphp
 webphp
发布于 2017/07/26 11:28
字数 390
阅读 23
收藏 0
点赞 0
评论 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
博文 91
码字总数 91650
作品 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

Node.js开发入门—使用AngularJS

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

foruok ⋅ 2015/08/13 ⋅ 0

NodeJS 模板引擎--Swig-NodeJS

swig 是node端的一个优秀简洁的模板引擎,类似Python模板引擎Jinja,目前不仅在node端较为通用,相对于jade、ejs优秀,而且在浏览器端也可以很好地运行。 特性: 支持大多数主流浏览器。 表达...

匿名 ⋅ 2016/07/29 ⋅ 2

Nodejs学习之一 下载安装与部署nodejs

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

涩女郎 ⋅ 2015/07/22 ⋅ 0

nodejs学习日志1--开发环境安装配置

nodejs作为新技术已经越来越成熟,1.0稳定版本也快发布了,机缘巧合,自己在公司也尝试了一把nodejs的web网站开发,本来我就是开发PHP的,看到介绍理论上node是比PHP要快,姑且不去理这些理论...

十七亮 ⋅ 2013/06/19 ⋅ 0

【NodeJS】学习笔记和参考资料

NODE JS 笔记篇|>>---------------------------------------------------------------------------------------------------- 1、相关基础命令行操作 Install expressnpm install -g expres......

小小M ⋅ 2012/09/17 ⋅ 0

快速使用node.js进行web开发

原文:http://www.cnblogs.com/myzhibie/p/4458584.html?utmsource=tuicool&utmmedium=referral 首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将nod...

adbug ⋅ 2016/10/09 ⋅ 0

Node.js开发入门—使用jade模板引擎

在“Node.js开发入门——Express安装与使用”里,我们曾经使用express generator创建了一个HelloExpress网站,express工具为我们生成了基本的目录结构、模板、stylesheet、routers等。虽然那...

foruok ⋅ 2015/08/11 ⋅ 0

Express.js 中文入门指引手册

Express是基于node.js,高性能、一流的MVC-web开发框架,并且支持jade等多种模板 本手册由一回于 2011-4-24 首次翻译,感觉翻译的不错,特收藏在自己的学习笔记中,如今已经过去接近一年,e...

YouDoce ⋅ 2012/07/22 ⋅ 0

Windows下nodejs开发环境搭建

1、http://nodejs.org/下载node.js运行环境安装 2、打开DOS命令行 .安装express框架 >npm install express 末尾显示如下为安装成功 .安装mysql模块 npm install mysql 末尾显示如下为安装成功...

Not ⋅ 2012/11/24 ⋅ 4

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Thrift RPC实战(二) Thrift 网络服务模型

TServer类层次体系 TSimpleServer/TThreadPoolServer是阻塞服务模型 TNonblockingServer/THsHaServer/TThreadedSelectotServer是非阻塞服务模型(NIO) 1 TServer抽象类的定义 内部静态类Args的...

lemonLove ⋅ 12分钟前 ⋅ 0

vim命令用法

第五章 vim命令 vim和vi几乎是一样的,唯一的区别就是当编辑一个文本时,使用vi不会显示颜色,而使用vim会显示颜色。 vim有三个模式:一般模式,编辑模式,命令模式。 系统最小化安装时没有安...

弓正 ⋅ 13分钟前 ⋅ 0

MyBatis源码解读之配置

1. 目的 本文主要介绍MyBatis配置文件解析,通过源码解读mybatis-config.xml(官方默认命名)、Mapper.xml 与Java对象的映射。 2. MyBatis结构 查看大图 MyBatis结构图,原图实在太模糊了,所以...

无忌 ⋅ 17分钟前 ⋅ 0

Ignite的jdbc与网格的连接方式的查询性能对比

环境: 数据量100万 Ignite2.5 Windows10 8g jdbc方式连接 import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; i......

仔仔1993 ⋅ 32分钟前 ⋅ 0

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 48分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 55分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 今天 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 今天 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 今天 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部