一个前端攻城狮的全栈之路第四弹:jade模板引擎的简单介绍和使用

本文详细介绍了Node.js中的Jade模板引擎,包括如何拆分可复用模块,使用include和extends,定义块级元素,绑定变量,设置属性,循环列表,应用过滤器,引入JS,以及使用if/else判断。通过实例演示了每个特性,帮助读者快速掌握Jade的使用。
摘要由CSDN通过智能技术生成

1、类似于java的jsp模板引擎一样,nodejs的模板引擎jade也是爽歪歪,下面就简单说明一下本文大致介绍的jade内容

(1)拆分可复用的模块,以及怎么在其余模块里引入复用对的模块,这里的模板又分为两类:

 (a). head中的link和script标签,通过include嵌套引用

 (b). html的头部声明,就是doctype html定义的部分,通过extends继承引用

(2)定义块级元素:“block content"

(3) 怎么在标签中绑定变量

(4) 怎么在标签中定义class、href等常用属性

(5)怎么循环列表

(6)怎么调用封装的公用方法处理标签上绑定的变量,类似于vue中的过滤器

(7) 怎么在模块中引入当前模块的js等

(8)怎么使用if/else判断


2、按照上述顺序,就一一列举些小例子

(1)拆分可复用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值