zephjs
1.0.0
ZephJS ist ein einfaches, verständliches und ultraleichtes Framework zum Definieren und Verwenden von Webkomponenten. Es ist perfekt für Leute, die Komponentenbibliotheken schreiben, Teams, die Anwendungen oder Websites erstellen, die nur ein paar benutzerdefinierte Komponenten benötigen, oder Projekte, die ganze Anwendungen erstellen, die nicht die ganze Last eines modernen JavaScript-Browser-Frameworks benötigen. ZephJS vereinfacht den Prozess der Definition benutzerdefinierter Webkomponenten in einer deklarativen, gut lesbaren Struktur, die Standard-JavaScript, Standard-HTML-Markup und Standard-CSS-Styling verwendet.
Ziel von ZephJS ist es, der Community die versprochene Einfachheit von Webkomponenten zurückzugeben. Dies geschieht durch die Einhaltung folgender Grundsätze:
ZephJS wird oft nur „Zeph“ genannt und „Zef“ ausgesprochen.
ZephJS verfügt über die folgenden Funktionen...
ZephJS verfügt über vier verschiedene Anwendungsfälle, die gleich zu Beginn adressiert werden können:
Wählen Sie den für Sie besten Einstieg und beginnen Sie noch heute mit der Nutzung von ZephJS!
ZephJS bietet eine Menge Dokumentation, die Ihnen bei der Verwendung hilft ...
Erste Schritte
Komponenten
Dienstleistungen
APIs
Bündelung
Befehlszeilentool
ZephJS wird mit einem kleinen Befehlszeilentool (CLI) geliefert, das Sie bei Ihren ZephJS-bezogenen Anforderungen unterstützt. Dieser wird lokal installiert, wenn Sie ZephJS über npm installieren und kann mit dem Shell-Befehl zeph aufgerufen werden. Es hat die folgende Syntax:
zeph < command >Es gibt eine Reihe von Befehlen, die Sie ausführen können. Ganz schnell:
hello : Generieren Sie die Beispielanwendung „Hallo Welt“.create : Erstellen Sie eine neue Komponente einschließlich .js-, .html- und .css-Stub-Dateien.serve : Führen Sie einen kleinen Webserver unter http://localhost:4000 aus, der das aktuelle Verzeichnis bereitstellt.bundle : Bündeln Sie mehrere ZephJS-Komponenten in einer einzigen Datei.Weitere Informationen finden Sie in unserer Dokumentation zur Zeph-Befehlszeilenschnittstelle.
ZephJS wird mit einer Reihe von Beispielen als Referenz geliefert.
QuickStartExample: Unser Beispiel aus der Quick Start-Anleitung.
BasicComponent: Ein Beispiel für eine Basiskomponente.
HelloBadge: Ein etwas größeres Beispiel einer Komponente, die eine zweite Komponente verwendet.
Beispielsammlung: Ein Beispiel für die Gruppierung mehrerer Komponenten in einer einzigen Datei, einer sogenannten Sammlung.
BeispielService: Ein Beispiel für die Verwendung der ZephService-Klasse zum Erstellen eines wiederverwendbaren Dienstes.
RatingStars: Ein Beispiel für den Einsatz von Ressourcen und die Bündelung.
ZephJS basiert auf modernen Browserstandards und erfordert daher einen modernen Browser, um zu funktionieren. Insbesondere sind die folgenden Webstandards erforderlich: Shadow DOM v1, Custom Elements v1, Mutation Observer und Fetch.
Die folgende Browserkompatibilitätstabelle zeigt, welche Browser unterstützt werden und welche nicht. (Alle Browserstatistiken stammen von caniuse.com und werden unter den Bedingungen ihrer Lizenz verwendet.)
| Browser | Mindestens erforderliche Version | Notizen |
|---|---|---|
| Firefox | 63 | |
| Chrom | 54 | |
| Safari | 10.1 | Die Pseudoselektoren :host und ::slotted sind fehlerhaft. |
| Oper | 41 | |
| Microsoft Edge | 15 (mit Polyfill) | Erfordert die Verwendung von Polymer-Polyfill. Siehe ZephJS Polyfill-Dokumentation. |
| Microsoft Internet Explorer | NICHT UNTERSTÜTZT | |
| iOS-Safari | 10.3 | Die Pseudoselektoren :host und ::slotted sind fehlerhaft. |
| Android-Browser | 67 | |
| Blackberry-Browser | NICHT UNTERSTÜTZT | Keine Unterstützung wie ov v10. |
| Opera Mobile | 46 | |
| Chrome für Android | 71 | |
| Firefox für Android | 64 | |
| IE Mobile | NICHT UNTERSTÜTZT | Keine Unterstützung ab Version 11 |
| UC-Browser für Android | 11.8 | |
| Samsung Internet | 6.2 | |
| QQBrowser | NICHT UNTERSTÜTZT | Keine Unterstützung ab Version 1.2 |
| Baidu-Browser | NICHT UNTERSTÜTZT | Keine Unterstützung ab Version 7.12 |
| (Chart zuletzt aktualisiert am 25. Februar 2019) |
ZephJS wird von The Awesome Engineering Company geschrieben und gepflegt. Die Awesome Engineering Company glaubt an die Entwicklung sauberer, konfigurierbarer und kreativer Software für Ingenieure, Architekten und Kunden.
Um mehr über The Awesome Engineering Company und unsere Produktpalette zu erfahren, besuchen Sie uns im Internet unter https://awesomeeng.com.
Dieses Produkt wird von The Awesome Engineering Company gewartet und unterstützt. Wenn Sie Unterstützung benötigen, reichen Sie bitte ein Problem ein oder kontaktieren Sie uns über unsere Website unter https://awesomeeng.com. Wir werden unser Bestes tun, um Ihnen zeitnah zu antworten.
ZephJS wird unter der MIT-Lizenz veröffentlicht. Weitere Informationen finden Sie in der LIZENZ-Datei.
