Pug模板繼承與拓展

pug 支援使用block和extends關鍵字進行模板的繼承

block代表乙個**塊

一、**塊的替換

如下：便有三個**塊block scripts,block content,block foot

//

- layout.pug
html
head
title 我的站點 -#
block scripts
script(src='
/jquery.js')
body
block content
block foot
#footer
p 一些頁尾的內容

如替換其中的**塊

在乙個新的pug檔案中 ，首先要用extends繼承某個pug, 然後定義相同名稱的**塊即可實現替換

extends layout.pug

block scripts
script(src='
/jquery.js')
script(src='
/pets.js')
block content
h1=title
- var pets = ['
貓', '狗'
]  each petname 
inpets
include pet.pug

在覆蓋乙個**塊的同時在該**塊內新增新的**塊

//

- sub-layout.pug
extends layout.pug
//- 覆蓋原有的content**塊，並新增了兩個子**塊 sidebar primary
block content
.sidebar
block sidebar
p 什麼都沒有
.primary
block primary
p 什麼都沒有

下面**實現了在 **塊head裡面新增了兩個script

//

- page.pug
extends layout.pug
script(src='
/vendor/three.js')
script(src='
/game.js
')

pug模板引擎

其實檔案結構啥的是為了業務邏輯更加清晰 index是主頁面,從default繼承.default裡面也include了includes檔案裡的內容,乙個是css樣式link,乙個是js的原始檔script extends layouts default block title title koa d...

前端學習 Pug模板

1.類名和id名 a.button a class button a button a id button 編譯後 如果前面沒指定標籤名，則預設div 2.屬性 用 包裹，屬性值之間用逗號隔開。可實現根據條件設定屬性的語法形式 atrributes 更方便新增自定義屬性 3.文字內容 a href ...

c 多重繼承與模板類繼承

在很多大型系統中,c 多重繼承很多 一般是純虛函式實現介面類，多重繼承的類，都是不能定義本身物件的虛函式類，大多是純虛函式類。純虛函式類沒有成員物件，所有的類函式都是純虛函式。例如 class ia public cobject virtual int send 0 class ib public ...