元の名前: PDQuickUI、バージョン 0.6.0 から QuickUI に変更されました
QuickUI は、純粋に JavaScript で開発されたフロントエンド レンダリング フレームワークです。仮想 DOM テクノロジーを統(tǒng)合することでレンダリング パフォーマンスを向上させ、高速なデータ応答と自動更新を?qū)g現(xiàn)します。

コア機(jī)能

効率的な仮想 DOM

• 正確な差分比較アルゴリズムにより効率的な DOM 更新が実現(xiàn)されます
• スマート屬性更新システム、変更された値のみを更新します
• DOM 操作を最小限に抑えるためのインテリジェントなサブノード比較メカニズム

レスポンシブなデータ処理

• データ変更を即座に反映する詳細(xì)なデータ監(jiān)視システム
• データが変更されると UI が自動的に更新され、手動操作は不要です
• スマート キャッシュ システムにより、不必要なレンダリングの繰り返しを回避します
• ネストされたデータ構(gòu)造の応答性の高い処理をサポートします

高度なテンプレート機(jī)能

• 簡単な國際化のための組み込みの多言語 (i18n) サポート
• 同期処理の代わりにテンプレートの動的読み込みをサポートします
• 強(qiáng)力な表現(xiàn)システムは、計算、日付、ワードプロセッサをサポートします
• 完全なコマンド システムにより柔軟な DOM 操作が可能

パフォーマンスが最適化された設(shè)計

• 畫像と SVG コンテンツは、読み込み速度を向上させるために遅延読み込みテクノロジーを使用しています
• ファイル サイズが非常に小さく、外部依存関係がありません
• メモリ使用量を最適化するインテリジェントなイベント委任とリソース クリーニング メカニズム

書類

• ウェブサイト: nanomd.pardn.io
• ドキュメント: nanomd.pardn.io/doc.html

設(shè)置方法

npmからインストール

npm i @pardnchiu/quickui

CDN からインポート

QuickUI スイートの紹介

<!-- 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>

モジュールのバージョン

// 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";

使用方法

QUIの初期化

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 () {
            // 已銷毀
        }
    }
});

物件概要

テキストとコンテンツ

テンプレートの読み込み

リストと反復(fù)

條件付きレンダリング

フォームバインディング

スタイルとアニメーション

動的プロパティ

イベント処理

ライセンス條項

このプロジェクトは MIT のようなライセンスを採用していますが、難読化されたコードのみが提供されています:

• MIT と同様: 商用利用を含め、自由に使用、変更、再配布できます
• 主な違い: デフォルトでは難読化されたバージョンのプログラム コードのみが提供され、ソース コードは別途購入する必要があります
• ライセンスされたコンテンツ: オリジナルの著作権表示は保持する必要があります (MIT と同じ)

詳細(xì)な利用規(guī)約については、ソフトウェア使用契約を參照してください。

開発者

邱京関

• メール: dev@pardn.io
• Linkedin: linkedin.com/in/pardnchiu

---

?? 2023 Pardn Chiu

以上がQuickUI: 軽量のフロントエンド フレームワークの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。