jade繼承

時間 2019-11-16

標籤 jade 繼承欄目 Node.js 简体版

原文原文鏈接

代碼的複用是jade很是突出的一個設計目標，jade不單單經過mixin來複用代碼，他在文件的組織能力上也很是突出，說白了，就是繼承和包涵

block定義的方式和調用的方式

block desc
　　p jade study
block desc
block desc

<p>jade study</p>
<p>jade study</p>
<p>jade study</p>

繼承

layout.jade

html
　　head
　　　　meta(charset='utf-8')
　　　　title layout
　　body
　　　　block descript
　　　　　　p from layout
　　　　block content

index.jadehtml

extends layout.jade

block content
　　block descript
　　　　p desc from index
　　h1 mixin
　　mixin lession
　　　　p jade study
　　+lession

index.html

<html>
　　<head>
　　　　<meta charset="utf-8"/>
　　　　<title>layout</title>
　　</head>
　　<body>
　　　　<p>desc from index</p>
　　　　<p>desc from index</p>
　　　　<h1>mixin</h1>
　　　　<p>jade study</p>
　　</body>
</html>

這裏extends，多個文件能夠複用，最大的減小代碼的重複，block也是就近原則

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。