plazar js

PlazarJS

Ein vielseitiges Framework, das die Entwicklererfahrung im Hinblick auf Einfachheit und Geschwindigkeit der Anwendungsentwicklung bereichert.

Inhaltsverzeichnis

• ? Installation
• ? Einführung
• Erste Schritte und Dokumentation
• ? Bootstrap-Integration
• ? Beitrag
• ? Browser-Unterstützung
• ? Pläne

Installation

Führen Sie den folgenden npm-Befehl aus:

$ npm install @plazarjs/core

Oder platzieren Sie das Skript-Tag auf Ihrer Seite:

 < script src =" https://cdn.jsdelivr.net/npm/@plazarjs/core " > </ script >

Sehen Sie sich die Liste der verfügbaren abhängigen Pakete an.

Einführung

PlazarJS ist ein unabhängiges Framework für JavaScript. Es weist keine Abhängigkeiten auf und kann aufgrund der objektorientierten Prinzipien (OOP) problemlos zum Erstellen einer großen Single-Page-Anwendung verwendet oder in einen Teil einer Webseite integriert werden, in dem ein dynamischer Workflow erforderlich ist. Es ist auf Flexibilität ausgelegt und soll Ihnen helfen, die Anwendung so zu erstellen, wie Sie es möchten, ohne Sie dazu zu zwingen, einem Weg zu folgen, den Sie für die von Ihnen entwickelte Anwendung nicht für geeignet halten. Der Schwerpunkt liegt auf dem guten alten Trio, HTML, CSS und JavaScript.

TL;DR

1. Kann Komponenten, Mixins oder Klassen definieren, indem pz.define , pz.component.extend oder pz.class.extend aufgerufen wird. Mixins sind nicht erweiterbar.
2. Verwenden Sie jeden Typ später in der App so oft wie nötig wieder. Ein Typ, mehrere Instanzen.
3. Erweitern Sie jeden Typ um einen anderen, indem Sie den ownerType festlegen. Beachten Sie, dass diese Konfiguration bei Verwendung des extend nicht erforderlich ist. Der ownerType wird automatisch erkannt.
4. Überschreiben Sie die Implementierung der übergeordneten Methode.
5. Jede in einem untergeordneten Typ überschriebene Methode kann ihre übergeordnete Methode durch Aufrufen von this.base(arguments) aufrufen.

Kernfunktionen

1. Modularität
2. Komponenten
3. Mixins
4. Klassen
5. Nachlass
6. Bindungen und Vorlagen (Inline-, vorgerenderte, asynchrone Vorlagen)

Erste Schritte und Dokumentation

Ein kurzes Beispiel:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  ownerType : 'component' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . define ( 'hello-world' , helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

Das Äquivalent des oben mit der Extend-API geschriebenen Codes sieht folgendermaßen aus:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  type : 'hello-world' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . component . extend ( helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

Eine ausführliche Dokumentation finden Sie hier.

Eine Live-Demo finden Sie hier.

Bootstrap-Integration

Schauen Sie sich hier die Modulintegration an.

Beitrag

Bitte lesen Sie den Beitragsleitfaden, bevor Sie eine Pull-Anfrage stellen.

Browser-Unterstützung

PlazarJS unterstützt alle ECMAScript 5-kompatiblen Browser. Schauen Sie sich die Kompatibilitätstabelle an.

IE-Browser-Unterstützung

Jede Implementierung/Änderung erfolgt so, dass IE-Version 9 und niedriger ignoriert werden.

Pläne

Einige der nächsten Hauptversionen werden Folgendes enthalten:

1. TypeScript-Unterstützung.
2. Core plazar-ui (ein Satz sofort einsatzbereiter Steuerelemente). Dadurch entfällt die Notwendigkeit einer externen CSS-Framework-Integration. Selbstverständlich können Sie diese auch weiterhin integrieren, wenn Sie dies wünschen.

Lizenz

MIT