Ursprünglicher Name: PDQuickUI, ab Version 0.6.0 in QuickUI ge?ndert
QuickUI ist ein rein in JavaScript entwickeltes Front-End-Rendering-Framework. Verbessern Sie die Rendering-Leistung durch die Integration der virtuellen DOM-Technologie, um eine schnelle Datenantwort und automatische Aktualisierungen zu erreichen.

Kernfunktionen

Effizientes virtuelles DOM

• Effiziente DOM-Aktualisierungen werden durch einen genauen Differenzvergleichsalgorithmus erreicht
• Intelligentes Attributaktualisierungssystem, aktualisiert nur ge?nderte Werte
• Intelligenter Unterknoten-Vergleichsmechanismus zur Minimierung von DOM-Vorg?ngen

Responsive Datenverarbeitung

• Umfassendes Datenüberwachungssystem, um sicherzustellen, dass Daten?nderungen sofort berücksichtigt werden
• Aktualisieren Sie die Benutzeroberfl?che automatisch, wenn sich Daten ?ndern, kein manueller Vorgang erforderlich
• Das intelligente Caching-System vermeidet unn?tiges wiederholtes Rendern
• Unterstützt die reaktionsf?hige Verarbeitung verschachtelter Datenstrukturen

Erweiterte Vorlagenfunktionen

• Eingebaute mehrsprachige Unterstützung (i18n) für einfache Internationalisierung
• Unterstützt das dynamische Laden von Vorlagen anstelle der synchronen Verarbeitung
• Leistungsstarkes Ausdruckssystem unterstützt Berechnung, Datums- und Textverarbeitung
• Komplettes Befehlssystem erm?glicht flexible DOM-Operationen

Leistungsoptimiertes Design

• Bilder und SVG-Inhalte verwenden die Lazy-Loading-Technologie, um die Ladegeschwindigkeit zu verbessern
• Sehr kleine Dateigr??e und keine externen Abh?ngigkeiten
• Intelligente Ereignisdelegierung und Ressourcenbereinigungsmechanismus zur Optimierung der Speichernutzung

dokumentieren

• Website: nanomd.pardn.io
• Dokument: nanomd.pardn.io/doc.html

Installationsmethode

Von npm installieren

npm i @pardnchiu/quickui

Von CDN importiert

Vorstellung der QuickUI-Suite

<!-- 0.6.0 版本以上 -->
<script src="https://cdn.jsdelivr.net/npm/@pardnchiu/quickui@%5BVERSION%5D/dist/QuickUI.js"></script>

<!-- 0.5.4 版本以下 -->
<script src="https://cdn.jsdelivr.net/npm/pdquickui@%5BVERSION%5D/dist/PDQuickUI.js"></script>

Modulversion

// 0.6.0 版本以上
import { QUI } from "https://cdn.jsdelivr.net/npm/@pardnchiu/quickui@[VERSION]/dist/QuickUI.esm.js";

// 0.5.4 版本以下
import { QUI } from "https://cdn.jsdelivr.net/npm/pdquickui@[VERSION]/dist/PDQuickUI.module.js";

Wie zu verwenden

QUI initialisieren

const app = new QUI({
    id: "", // 指定渲染元素
    data: {
        // 自訂 DATA
    },
    event: {
        // 自訂 EVENT
    },
    when: {
        before_render: function () {
            // 停止渲染
        },
        rendered: function () {
            // 已渲染
        },
        before_update: function () {
            // 停止更新
        },
        updated: function () {
            // 已更新
        },
        before_destroy: function () {
            // 停止銷毀
        },
        destroyed: function () {
            // 已銷毀
        }
    }
});

Immobilienübersicht

Text und Inhalt

Vorlage wird geladen

Listen und Iterationen

Bedingtes Rendern

Formularbindung

Stile und Animationen

Dynamische Eigenschaften

屬性	使用場景	範例
:[attr]	動態(tài)屬性

Event-Handling

Lizenzbedingungen

Dieses Projekt verwendet eine MIT-?hnliche Lizenz, es wird jedoch nur verschleierter Code bereitgestellt:

• Dasselbe wie MIT: freie Nutzung, ?nderung und Weiterverbreitung, einschlie?lich kommerzieller Nutzung
• Hauptunterschied: Standardm??ig wird nur die verschleierte Version des Programmcodes bereitgestellt und der Quellcode muss separat erworben werden
• Lizenzierter Inhalt: Der ursprüngliche Urheberrechtsvermerk muss beibehalten werden (wie bei MIT)

Detaillierte Gesch?ftsbedingungen finden Sie in der Software-Nutzungsvereinbarung.

Entwickler

Qiu Jingguan

• E-Mail: dev@pardn.io
• Linkedin: LinkedIn.com/in/pardnchiu

?? 2023 Pardn Chiu

Das obige ist der detaillierte Inhalt vonQuickUI: leichtes Front-End-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!