?? ??: PDQuickUI, ?? 0.6.0?? QuickUI? ???
QuickUI? ???? JavaScript?? ??? ??? ?? ??? ????????. ?? ??? ??? ?? ????? ???? ?? ?? DOM ??? ???? ??? ??? ??????.

?? ??

???? ?? DOM

• ??? ?? ?? ????? ?? ???? DOM ????? ??????
• ??? ?? ???? ???, ??? ?? ????
• DOM ??? ????? ??? ?? ?? ?? ????

??? ??? ??

• ??? ?? ?? ??? ?? ???? ??? ???? ???
• ??? ?? ? ???? UI ????, ?? ?? ???
• ??? ?? ????? ???? ?? ??? ??
• ?? ??? ??? ??? ?? ??

?? ??? ??

• ??? ?? ??(i18n)?? ??? ??
• ?? ?? ?? ???? ?? ??? ?????
• ??, ??, ?? ????? ???? ??? ?? ???
• ??? ?? ????? ??? DOM ?? ??

?? ???? ???

• ??? ? SVG ???? ?? ?? ??? ???? ?? ??? ??????
• ?? ??? ?? ?? ?? ???? ??
• ??? ?? ???? ?? ??? ??? ?? ? ??? ?? ????

??

• ????: nanomd.pardn.io
• ??: nanomd.pardn.io/doc.html

????

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

??? ??

???? ??

??? ??

?? ? ??

??? ???

?? ???

??? ? ?????

?? ??

??? ??

???? ??

? ????? MIT? ??? ????? ????? ???? ??? ?????.

• MIT? ??: ??? ??? ???? ??? ??, ??, ??? ??
• ?? ???: ????? ???? ??? ???? ??? ????, ????? ??? ???? ???
• ???? ???: ?? ??? ??? ???? ???(MIT? ??)

??? ?? ??? ????? ?? ??? ?????.

???

???

• ???: dev@pardn.io
• ????: linkedin.com/in/pardnchiu

---

?? 2023 Pardn Chiu

? ??? QuickUI: ?? ????? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!