• <\/body>\r\n<\/html><\/pre>\n
    jade verwendet eine strikte Einrückung, um den Anfang und das Ende von Tags zu unterscheiden. Der Standardwert ist 2 Leerzeichen, um die Einrückung anzuzeigen. <\/p>\n
    Wenn wir beispielsweise eine Beschriftung mit Inhalt schreiben m?chten, wenn wir einen Titel schreiben m?chten, müssen wir nach dem Beschriftungswort nur ein Leerzeichen hinzufügen und dann dem Inhalt folgen. <\/p>\n
    h1?this?is?a?title.\r\np?this?is?a?paragraph.<\/pre>\n
    Das Kompilierungsergebnis ist: <\/p>\n
     
    das ist ein Titel.<\/h1>
     
    das ist ein Absatz.<\/ p> ;<\/p><\/blockquote>
    Manchmal müssen wir Text in einem speziellen Format ausgeben oder um die Lesbarkeit des Codes zu verbessern, müssen wir den folgenden Effekt anzeigen: <\/p>
    < ;p>
     1. 001
     2. 002
     3. 003
     4. 004
    <\/p><\/p><\/blockquote>\n
    Was wir dann tun sollten jade Wie schreibt man es? Hier bietet uns jade zwei Methoden an: <\/p>\n
    p\r\n?|?1.?001\r\n?|?2.?002\r\n?|?3.?003\r\n?|?4.?004<\/pre>\n
     . Dann wird der Inhalt unter diesem Tag von Jade in ein Codesegment analysiert: <\/p>\n
    p.\r\n?1.?001\r\n?2.?002\r\n?3.?003\r\n?4.?004<\/pre>\n
     Jetzt sind einige Schüler verwirrt und verwirrt. Was ist der Unterschied zwischen den beiden Methoden? Hier müssen wir über das Mischen von Tags sprechen. Wenn wir eine solche Anforderung haben, müssen wir im obigen Code nach 1 ein starkes Tag hinzufügen. <\/p>\n
    Lassen Sie uns zun?chst über den ersten Fall sprechen und wie wir ihn schreiben: <\/p>\n
    p\r\n?|?1.?001\r\n?strong?aaa\r\n?|?2.?002\r\n?|?3.?003\r\n?|?4.?004<\/pre>\n
     Wenn es sich um die zweite Schreibweise handelt, müssen wir ihn so schreiben: <\/p>\n
    p.\r\n?1.?001\r\n?aaa<\/strong>\r\n?2.?002\r\n?3.?003\r\n?4.?004<\/pre> 
    Das Kompilierungsergebnis ist wie folgt:<\/p>\n

     1. 001
     aaa<\/strong>
     2. 002
     3. 003
     4. 004 
    <\/p><\/p><\/blockquote>\n
    3. Attribut<\/a> und Attributwert<\/strong><\/span><\/p>h1 p und andere Tags, wir schreiben normalerweise ID- und Klassenattribute für sie, also wie soll das in Jade geschrieben werden? Dieselbe Syntax wie bei der Zen-Codierung, wir müssen nur so schreiben: 
    <\/p>\n
    h1#id.class?this?is?a?title.\r\np#j-text.text?this?is?a?paragraph.<\/pre>Das Kompilierungsergebnis ist: 
    <\/p>\n
    das ist ein Absatz.<\/p>
    <\/p>\n<\/blockquote>\n
    等等，那我要是想添加多個(gè) class 怎么辦呢？這樣辦：<\/p>\n
    h1#id.class1.class2.class3?this?is?a?title.\r\np#j-text.text?this?is?a?paragraph.<\/pre>\n
    編譯結(jié)果為：<\/p>\n
    this is a title.<\/h1>
    this is a paragraph.<\/p><\/p><\/blockquote>\n
    什么？寫 p 寫煩了？那就不寫咯。<\/p>\n
    #id.class\r\n#id.class1.class2?this?is?a?p?without?tags.<\/pre>\n
    編譯結(jié)果為：<\/p>\n
    <\/p>
    this is a p without tags.<\/p><\/p><\/blockquote>\n
    這里要說明一下，在 jade 的語法里面，只有 p 標(biāo)簽?zāi)軌蚴÷圆粚?<\/p>\n
    說完了 id 和 class，我們再來說一下標(biāo)簽其他的屬性應(yīng)該怎么添加。jade 里添加其他屬性和值的語法也和 zen coding 類似，我們需要在標(biāo)簽后面加上小括號(hào)()，然后按照(屬性名=屬性值)的格式寫就好了，如果有多個(gè)屬性，中間以逗號(hào)進(jìn)行分割。<\/p>\n
    比如上面的 id 和 class 的寫法我們就可以改寫成：<\/p>\n
    h1(id=\"id\",?class=\"class\")?this?is?a?title.\r\np(id=\"j-text\",?class=\"text\")?this?is?a?paragraph.<\/pre>\n
    結(jié)果是一樣的：<\/p>\n
    this is a title.<\/h1>
    this is a paragraph.<\/p><\/p><\/blockquote>\n
    說來說去還是這兩個(gè)屬性，煩了？那我們換一個(gè)吧：<\/p>\n
    a(herf=\"\/index.html\",?title=\"this?is?a?link.\",?target=\"_blank\",?data-uid=\"1000\")?index.html<\/pre>\n
    編譯結(jié)果為：<\/p>\n
    index.html<\/a><\/p><\/blockquote>\n
    那么問題就來了，如果我們要寫一個(gè)單屬性應(yīng)該怎么寫？比如給表單元素添加 checked屬性：<\/p>\n
    input(type=\"checkbox\",?name=\"all\",?checked,?value=\"全選\")<\/pre>\n
    編譯結(jié)果為：<\/p>\n
    <\/p><\/blockquote>\n
    相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！<\/p>\n
    推薦閱讀：<\/p>\n
    nodejs實(shí)現(xiàn)動(dòng)態(tài)html步驟詳解<\/a>
    <\/p>\n
    node 命令方式啟動(dòng)修改端口步驟詳解<\/a>
    <\/p>"}	
	







    亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱
    
	

    
    

    

	
	
    
		
    
			
    
							
    
					
    
						Heim
						
												Web-Frontend
						
												js-Tutorial
						
						Detaillierte Erl?uterung der Verwendung von Jade-Tags in der Node-Front-End-Template-Engine
					
    
					
					
    
						
    
							
    Detaillierte Erl?uterung der Verwendung von Jade-Tags in der Node-Front-End-Template-Engine
    
							
							May 22, 2018 am	 10:27 AM
															
    
																			node
																			Motor
																	
    
														
						
    
					
    
					
    
					
    
						
    
						
						
						

					
    Dieses Mal erkl?re ich Ihnen ausführlich die Verwendung des Jade-Tags im Node-Frontend  Template Engine  Was sind die Vorsichtsma?nahmen  bei der Verwendung des Jade-Tags im Knoten  Front-End-Vorlage  Engine, wie folgt Dies ist ein praktischer Fall, schauen wir uns ihn an. 
    

    1. Dokumentdeklaration 
    

    Wenn wir mit dem Schreiben einer HTML-Seite beginnen, müssen wir zuerst die DOCTYPE-Dokumentdeklaration schreiben case Als n?chstes verwenden wir alle die HTML5-Dokumentdeklarationsmethode. Wie sollen wir sie also in Jade schreiben? 
    

    Es gibt zwei M?glichkeiten, Dokumentdeklarationen in Jade zu schreiben: 
    

      

    1. Wir k?nnen Doctype-HTML direkt in die Jade-Datei schreiben 
      2. 

    2.  
      Jade stellt uns eine einfache Schreibmethode zur Verfügung (aber es scheint, dass Jade diese Methode in der neuen Version nach dem Upgrade nicht empfiehlt -_-||| )
      

      3. 

    

    Natürlich , Jade unterstützt standardm??ig auch andere Arten von Dokumentdeklarationen. Verwenden Sie einfach doctype, um die folgenden Optionen zu befolgen. Standardm??ig unterstützt Jade: 
    

    var?doctypes?=?exports.doctypes?=?{
?'5':?'<!DOCTYPE html>',
?'xml':?'<?xml version="1.0" encoding="utf-8" ?>',
?'default':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
?'transitional':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
?'strict':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
?'frameset':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">',
?'1.1':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">',
?'basic':?'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">',
?'mobile':?'<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">'
};
    

    doctype unterscheidet nicht zwischen Gro?- und Kleinschreibung, daher haben die folgenden beiden den gleichen Effekt: 
    

    doctype?Default
doctype?default
    

     Beispiel: Wenn wir eine XHTML 1.0 Strict-Dokumentdeklaration schreiben m?chten , Sie k?nnen so schreiben: 
    

    doctype?strict
    

    Das Kompilierungsergebnis ist wie folgt: 
    

    Code kopieren Der Code ist wie folgt:
    

    

    2. Tags 
    

    Die Schreibweise von Tags in Jade ist sehr einfach, es ist nur ein Wort. 
    

    doctype?html
html
?head
?title
?body
    

    Der obige Code wird kompiliert in:
    

    <!DOCTYPE html>
<html>
?<head>
?<title></title>
?</head>
?<body></body>
</html>
    

    jade verwendet eine strikte Einrückung, um den Anfang und das Ende von Tags zu unterscheiden. Der Standardwert ist 2 Leerzeichen, um die Einrückung anzuzeigen. 
    

    Wenn wir beispielsweise eine Beschriftung mit Inhalt schreiben m?chten, wenn wir einen Titel schreiben m?chten, müssen wir nach dem Beschriftungswort nur ein Leerzeichen hinzufügen und dann dem Inhalt folgen. 
    

    h1?this?is?a?title.
p?this?is?a?paragraph.
    

    Das Kompilierungsergebnis ist: 
    

     
    das ist ein Titel.

     
    das ist ein Absatz.
    Manchmal müssen wir Text in einem speziellen Format ausgeben oder um die Lesbarkeit des Codes zu verbessern, müssen wir den folgenden Effekt anzeigen: 
    < ;p>
     1. 001
     2. 002
     3. 003
     4. 004
    

    Was wir dann tun sollten jade Wie schreibt man es? Hier bietet uns jade zwei Methoden an: 
    

    p
?|?1.?001
?|?2.?002
?|?3.?003
?|?4.?004
    

     . Dann wird der Inhalt unter diesem Tag von Jade in ein Codesegment analysiert: 
    

    p.
?1.?001
?2.?002
?3.?003
?4.?004
    

     Jetzt sind einige Schüler verwirrt und verwirrt. Was ist der Unterschied zwischen den beiden Methoden? Hier müssen wir über das Mischen von Tags sprechen. Wenn wir eine solche Anforderung haben, müssen wir im obigen Code nach 1 ein starkes Tag hinzufügen. 
    

    Lassen Sie uns zun?chst über den ersten Fall sprechen und wie wir ihn schreiben: 
    

    p
?|?1.?001
?strong?aaa
?|?2.?002
?|?3.?003
?|?4.?004
    

     Wenn es sich um die zweite Schreibweise handelt, müssen wir ihn so schreiben: 
    

    p.
?1.?001
?<strong>aaa</strong>
?2.?002
?3.?003
?4.?004
     
    Das Kompilierungsergebnis ist wie folgt:
    


     1. 001
     aaa
     2. 002
     3. 003
     4. 004 
    

    3. Attribut und Attributwert
    h1 p und andere Tags, wir schreiben normalerweise ID- und Klassenattribute für sie, also wie soll das in Jade geschrieben werden? Dieselbe Syntax wie bei der Zen-Codierung, wir müssen nur so schreiben: 
    

    h1#id.class?this?is?a?title.
p#j-text.text?this?is?a?paragraph.
    Das Kompilierungsergebnis ist: 
    

    das ist ein Absatz.

    

    

    等等，那我要是想添加多個(gè) class 怎么辦呢？這樣辦：
    

    h1#id.class1.class2.class3?this?is?a?title.
p#j-text.text?this?is?a?paragraph.
    

    編譯結(jié)果為：
    

    this is a title.

    this is a paragraph.
    

    什么？寫 p 寫煩了？那就不寫咯。
    

    #id.class
#id.class1.class2?this?is?a?p?without?tags.
    

    編譯結(jié)果為：
    


    this is a p without tags.
    

    這里要說明一下，在 jade 的語法里面，只有 p 標(biāo)簽?zāi)軌蚴÷圆粚?
    

    說完了 id 和 class，我們再來說一下標(biāo)簽其他的屬性應(yīng)該怎么添加。jade 里添加其他屬性和值的語法也和 zen coding 類似，我們需要在標(biāo)簽后面加上小括號(hào)()，然后按照(屬性名=屬性值)的格式寫就好了，如果有多個(gè)屬性，中間以逗號(hào)進(jìn)行分割。
    

    比如上面的 id 和 class 的寫法我們就可以改寫成：
    

    h1(id="id",?class="class")?this?is?a?title.
p(id="j-text",?class="text")?this?is?a?paragraph.
    

    結(jié)果是一樣的：
    

    this is a title.

    this is a paragraph.
    

    說來說去還是這兩個(gè)屬性，煩了？那我們換一個(gè)吧：
    

    a(herf="/index.html",?title="this?is?a?link.",?target="_blank",?data-uid="1000")?index.html
    

    編譯結(jié)果為：
    

    index.html
    

    那么問題就來了，如果我們要寫一個(gè)單屬性應(yīng)該怎么寫？比如給表單元素添加 checked屬性：
    

    input(type="checkbox",?name="all",?checked,?value="全選")
    

    編譯結(jié)果為：
    

    

    相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
    

    推薦閱讀：
    

    nodejs實(shí)現(xiàn)動(dòng)態(tài)html步驟詳解
    

    node 命令方式啟動(dòng)修改端口步驟詳解
    Das obige ist der detaillierte Inhalt vonDetaillierte Erl?uterung der Verwendung von Jade-Tags in der Node-Front-End-Template-Engine. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
    


						
    
					
    
					
    
						
    Erkl?rung dieser Website
    
						
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    
					
    
				
    

				



				
    


				
    


					


											
    
							
    
								
    
									
									
    Hei?e KI -Werkzeuge
    
								
    
								
    
																		
    
											
												Undress AI Tool
											
											
    
												
													
    Undress AI Tool
    
												    
												
    Ausziehbilder kostenlos
    
											
    
										
    
																		
    
											
												Undresser.AI Undress
											
											
    
												
													
    Undresser.AI Undress
    
												    
												
    KI-gestützte App zum Erstellen realistischer Aktfotos
    
											
    
										
    
																		
    
											
												AI Clothes Remover
											
											
    
												
													
    AI Clothes Remover
    
												    
												
    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
    
											
    
										
    
																		
    
											
												Clothoff.io
											
											
    
												
													
    Clothoff.io
    
												    
												
    KI-Kleiderentferner
    
											
    
										
    
																		
    
											
												Video Face Swap
											
											
    
												
													
    Video Face Swap
    
												    
												
    Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
    
											
    
										
    
																
    
								
							
    
						
    
					


					


											
    
							
    
								
    
									
									
    Hei?e Werkzeuge
    
								
    
								
    
																		
    
											
												Notepad++7.3.1
											
											
    
												
													
    Notepad++7.3.1
    
												    
												
    Einfach zu bedienender und kostenloser Code-Editor
    
											
    
										
    
																			
    
											
												SublimeText3 chinesische Version
											
											
    
												
													
    SublimeText3 chinesische Version
    
												    
												
    Chinesische Version, sehr einfach zu bedienen
    
											
    
										
    
																			
    
											
												Senden Sie Studio 13.0.1
											
											
    
												
													
    Senden Sie Studio 13.0.1
    
												    
												
    Leistungsstarke integrierte PHP-Entwicklungsumgebung
    
											
    
										
    
																			
    
											
												Dreamweaver CS6
											
											
    
												
													
    Dreamweaver CS6
    
												    
												
    Visuelle Webentwicklungstools
    
											
    
										
    
																			
    
											
												SublimeText3 Mac-Version
											
											
    
												
													
    SublimeText3 Mac-Version
    
												    
												
    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
    
											
    
										
    
																	
    
								
							
    
						
    
										

					
					
				
    
			
    
							
    
					
    
						
						
    

													
    
								
									So l?schen Sie einen Knoten in NVM
								
								So l?schen Sie einen Knoten in NVM
								Dec 29, 2022 am	 10:07 AM
								
    So l?schen Sie einen Knoten mit nvm: 1. Laden Sie ?nvm-setup.zip“ herunter und installieren Sie es auf dem Laufwerk C. 2. Konfigurieren Sie Umgebungsvariablen und überprüfen Sie die Versionsnummer mit dem Befehl ?nvm -v“. install“-Befehl Knoten installieren; 4. L?schen Sie den installierten Knoten über den Befehl ?nvm uninstall“.
    
							
    
														
    
								
									PI -Knotenunterricht: Was ist ein PI -Knoten? Wie installiere und richte ich einen PI -Knoten ein?
								
								PI -Knotenunterricht: Was ist ein PI -Knoten? Wie installiere und richte ich einen PI -Knoten ein?
								Mar 05, 2025 pm	 05:57 PM
								
    Detaillierte Erl?uterungs- und Installationshandbuch für Pinetwork -Knoten In diesem Artikel wird das Pinetwork -?kosystem im Detail vorgestellt - PI -Knoten, eine Schlüsselrolle im Pinetwork -?kosystem und vollst?ndige Schritte für die Installation und Konfiguration. Nach dem Start des Pinetwork -Blockchain -Testnetzes sind PI -Knoten zu einem wichtigen Bestandteil vieler Pioniere geworden, die aktiv an den Tests teilnehmen und sich auf die bevorstehende Hauptnetzwerkver?ffentlichung vorbereiten. Wenn Sie Pinetwork noch nicht kennen, wenden Sie sich bitte an was Picoin ist? Was ist der Preis für die Auflistung? PI -Nutzung, Bergbau und Sicherheitsanalyse. Was ist Pinetwork? Das Pinetwork -Projekt begann 2019 und besitzt seine exklusive Kryptow?hrung PI -Münze. Das Projekt zielt darauf ab, eine zu erstellen, an der jeder teilnehmen kann
    
							
    
														
    
								
									So verwenden Sie Express für den Datei-Upload im Knotenprojekt
								
								So verwenden Sie Express für den Datei-Upload im Knotenprojekt
								Mar 28, 2023 pm	 07:28 PM
								
    Wie gehe ich mit dem Datei-Upload um? Der folgende Artikel stellt Ihnen vor, wie Sie Express zum Hochladen von Dateien im Knotenprojekt verwenden. Ich hoffe, er ist hilfreich für Sie!
    
							
    
														
    
								
									Lassen Sie uns darüber sprechen, wie Sie mit pkg Node.js-Projekte in ausführbare Dateien packen.
								
								Lassen Sie uns darüber sprechen, wie Sie mit pkg Node.js-Projekte in ausführbare Dateien packen.
								Dec 02, 2022 pm	 09:06 PM
								
    Wie packe ich die ausführbare Datei von nodejs mit pkg? Im folgenden Artikel erfahren Sie, wie Sie mit pkg ein Node-Projekt in eine ausführbare Datei packen. Ich hoffe, dass er Ihnen weiterhilft!
    
							
    
														
    
								
									Eine ausführliche Analyse des Prozessmanagement-Tools ?pm2' von Node
								
								Eine ausführliche Analyse des Prozessmanagement-Tools ?pm2' von Node
								Apr 03, 2023 pm	 06:02 PM
								
    In diesem Artikel stellen wir Ihnen das Prozessmanagement-Tool ?pm2“ von Node vor und sprechen darüber, warum PM2 ben?tigt wird und wie Sie PM2 installieren und verwenden. Ich hoffe, dass es für alle hilfreich ist!
    
							
    
														
    
								
									Tokenbasierte Authentifizierung mit Angular und Node
								
								Tokenbasierte Authentifizierung mit Angular und Node
								Sep 01, 2023 pm	 02:01 PM
								
    Die Authentifizierung ist einer der wichtigsten Teile jeder Webanwendung. In diesem Tutorial werden tokenbasierte Authentifizierungssysteme und ihre Unterschiede zu herk?mmlichen Anmeldesystemen erl?utert. Am Ende dieses Tutorials sehen Sie eine voll funktionsf?hige Demo, die in Angular und Node.js geschrieben wurde. Traditionelle Authentifizierungssysteme Bevor wir zu tokenbasierten Authentifizierungssystemen übergehen, werfen wir einen Blick auf traditionelle Authentifizierungssysteme. Der Benutzer gibt seinen Benutzernamen und sein Passwort im Anmeldeformular ein und klickt auf ?Anmelden“. Nachdem Sie die Anfrage gestellt haben, authentifizieren Sie den Benutzer im Backend, indem Sie die Datenbank abfragen. Wenn die Anfrage gültig ist, wird eine Sitzung mit den aus der Datenbank erhaltenen Benutzerinformationen erstellt und die Sitzungsinformationen werden im Antwortheader zurückgegeben, sodass die Sitzungs-ID im Browser gespeichert wird. Bietet Zugriff auf Anwendungen, die unterliegen
    
							
    
														
    
								
									Was tun, wenn npm node gyp ausf?llt?
								
								Was tun, wenn npm node gyp ausf?llt?
								Dec 29, 2022 pm	 02:42 PM
								
    npm node gyp schl?gt fehl, weil ?node-gyp.js“ nicht mit der Version von ?Node.js“ übereinstimmt. Die L?sung ist: 1. L?schen Sie den Knotencache über ?npm cache clean -f“ 2. über ?npm install -“ g n“ Installieren Sie das n-Modul. 3. Installieren Sie die Version ?node v12.21.0“ über den Befehl ?n v12.21.0“.
    
							
    
														
    
								
									Ein Artikel über das fs-Dateimodul und das Pfadmodul in Node (Fallanalyse)
								
								Ein Artikel über das fs-Dateimodul und das Pfadmodul in Node (Fallanalyse)
								Nov 18, 2022 pm	 08:36 PM
								
    Dieser Artikel verwendet das Lesen und Schreiben von Dateien und die Verarbeitung von Pfaden, um mehr über das fs-Dateimodul und das Pfadmodul in Node zu erfahren. Ich hoffe, dass es für alle hilfreich ist!
    
							
    
													
    

													
								See all articles