随笔分类 -  pug(jade)模板引擎

pug jade 模板引擎
摘要:pug支持使用 block 和 extends 关键字进行模板的继承。一个称为“块”的代码块,可以被子模板覆盖,替换 阅读全文
posted @ 2021-05-18 19:09 zmztyas 阅读(78) 评论(0) 推荐(0) 编辑
摘要:pug 注释 带输出的注释 // 一些内容 p foo p bar 编译: <!-- 一些内容--> <p>foo</p> <p>bar</p> 不带输出的注释 //- 这行不会出现在结果里 p foo p bar 编译: <p>foo</p> <p>bar</p> 块注释 body //- 给模板 阅读全文
posted @ 2021-05-18 18:38 zmztyas 阅读(353) 评论(0) 推荐(0) 编辑
摘要:不输出的代码 for 语句/ each语句 for (var x = 0; x < 3; x++) li item 编译为: <li>item</li> <li>item</li> <li>item</li> 写成块的形式 用 each var list = ["Uno", "Dos", "Tres 阅读全文
posted @ 2021-05-18 18:23 zmztyas 阅读(85) 评论(0) 推荐(0) 编辑
摘要:分支条件case 注:case是js的switch指令的缩写 var friends = 10 case friends when 0 p 您没有朋友 when 1 p 您有一个朋友 default p 您有 #{friends} 个朋友结论:<p>您有 10 个朋友</p> 分支传递(case f 阅读全文
posted @ 2021-05-18 18:07 zmztyas 阅读(55) 评论(0) 推荐(0) 编辑
摘要:强调:所有javascript表达式都能用 属性 Attribute 多行属性(可以换行写): 可以搭配模板字符串 input(type='checkbox' name='agreement' checked) 用引号括起来的属性 div(class='div-class' (click)='pla 阅读全文
posted @ 2021-05-18 17:58 zmztyas 阅读(176) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示