node jade模板

jade  -nodejs -  html的模板

1.html  hehehe   2.html   hahaha
<div>
    {{a}}
</div>

jade - 破坏式  侵入式  模板

给出html名称,能够解析出对应的html标签以及对应的闭合标签

1.先下载jade模板
2.rander('html')
   randerFile('./文件名',{pretty:true});
   需要在标签里面放入文字    div 我是小可爱呀
    
嵌套规则
html
    head
        meta(charset='utf-8')
        title
        link(rel='stylesheet',type='text/css',href='')  //属性的添加方法
    body
        div


属性
div(属性名=属性值,属性名=属性值) //多个属性的添加方法;
    div(class='a b',data='myself',id='my',name='xiao') 我是小可爱
    
内容如果不想在一行显示  需要换行的话 就需要一些别的手段

    class=
        1.div(class='a b c')
        2.div.a.b.c
        3.div(class={'aaa':true,'bbb':false})  //可以用来修改元素的某个属性值,给定false值,去掉这个对应的class
        4.div(class=["aaa","bbb"])
    id=
        1.div(id='c')
        2.div#c
    style=
        1.style='width:200px;height:200px;background:red'
        2.style={width:'200px',height:'200px',background:'red'}


<div id='a' class='b'>

div&attributes({key:value,key:value})
div&attributes({class:"a b c",id:"my",dataparser:"111"})

20200531

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值