Einführung in häufig verwendete JavaScript-Vorlagen-Engines_Javascript-Fähigkeiten

In letzter Zeit nähern sich meine Arbeitsinhalte allmählich meinem Ideal (Web-Frontend), daher schenke ich der Frontend-Leistung mehr Aufmerksamkeit! Kollegen im Hintergrund führten die Verwendung der Ajax-Template-Engine ein, um die Rendering-Geschwindigkeit zu verbessern!

Im Folgenden werden mehrere JavaScript-Vorlagen-Engines vorgestellt

1. Schnurrbart

Eine auf Javascript basierende Vorlagen-Engine, ähnlich dem jQuery-Vorlagen-Plugin von Microsoft, aber einfacher und benutzerfreundlicher!

2. doT.js

doT.js enthält eine JavaScript-Vorlagen-Engine für Browser und Node.js.

3. jSmart

jSmart ist eine JavaScript-portierte Version der berühmten PHP-Template-Engine Smarty.

4.dom.js

dom.js ist eine JavaScript-Vorlagen-Engine, die sowohl auf der Client- als auch auf der Serverseite verwendet werden kann

5. Jade

Jade ist eine leistungsstarke Template-Engine für Knoten, die in von Haml beeinflusstem JavaScript implementiert ist.

6. Hogan.js

JavaScript-Template-Engine von Twitter.

7. Lenker

Handlebars ist eine JavaScript-Seitenvorlagenbibliothek

8. artTemplate

artTemplate ist eine neue Generation der Javascript-Template-Engine. Ihre Rendering-Effizienz kann in Version 8 nahe an der Leistungsgrenze von Javascript liegen. Im Rendering-Effizienztest unter Chrome beträgt sie das 25- bzw. 32-fache der bekannten Engines Mustache bzw. Mikro-Templ. Die Engine unterstützt das Debuggen. Wenn beim Rendern ein Fehler auftritt, kann der Debugger die Vorlagenanweisung lokalisieren, die die Ausnahme generiert hat, und so das Problem des schwierigen Debuggens von Front-End-Vorlagen lösen.

Das einzigartige Tool zur Vorlagenkompilierung kann die Front-End-Vorlage in eine JS-Datei kompilieren, die nicht auf die Ausführung der Vorlagen-Engine angewiesen ist, sodass die Front-End-Vorlage die Einschränkungen des Browsers durchbrechen und nach Dateien organisieren kann und Verzeichnisse wie die Back-End-Vorlage müssen geladen, verschachtelt usw. werden. Das alles in 2 KB (gzip)!

Vielleicht kommt Ihnen dieser Plug-in-Name bekannt vor, ja! Dies ist auch der Autor von artDialog Sugar Cookie

Blog-Adresse: http://www.planeart.cn/

Angebotsmaschine

Code kopieren Der Code lautet wie folgt:

Schreibvorlage

Code kopieren Der Code lautet wie folgt:

Rendering-Vorlage

Code kopieren Der Code lautet wie folgt:

var data = {
Titel: 'Label',
Liste: ['Kunst', 'Blog', 'Fotografie', 'Film', 'Folk', 'Reisen', 'Gitarre']
};
var html=template.render("test",data);
document.getElementById('content').innerHTML = html;