国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Dojo 中間件簡介

warmcheng / 910人閱讀

摘要：的中間件系統(tǒng)能以響應(yīng)式的方式管理異步或命令式，以及影響基于函數(shù)的組合部件或其他中間件的行為與屬性。控制部件渲染的生命周期對任何組合部件，中間件可以控制渲染管道的各個部分，如當(dāng)需要更新渲染時讓部件失效。

Dojo 的中間件系統(tǒng)能以響應(yīng)式的方式管理異步或命令式 API，以及影響基于函數(shù)的組合部件或其他中間件的行為與屬性 API。

框架已提供了幾個核心中間件和可選中間件，應(yīng)用程序開發(fā)人員也可以輕松編寫自己的中間件。

功能 描述
響應(yīng)式 DOM 訪問 借助中間件，基于函數(shù)的部件可以處理和使用輸出節(jié)點對應(yīng)的 DOM 部分的具體信息和 API。
控制部件渲染的生命周期 對任何組合部件，中間件可以控制 Dojo 渲染管道的各個部分，如當(dāng)需要更新渲染時讓部件失效。也可以暫停和繼續(xù)部件的渲染，在等待關(guān)鍵信息可以使用時，短路渲染結(jié)果。
框架提供了一些中間件 Dojo 提供了一些中間件，能讓部件實現(xiàn)很多功能，如響應(yīng)和控制焦點、簡單的緩存值、響應(yīng)元素的交叉事件和大小變化事件、CSS 主題、國際化和構(gòu)建時渲染等。
易于組合和復(fù)用 中間件的設(shè)計是與基于函數(shù)的部件緊密結(jié)合的，中間件能組合到部件的層次結(jié)構(gòu)中，并且在開發(fā)自定義中間件時也可復(fù)用中間件
基本用法 創(chuàng)建中間件

定義基于函數(shù)部件的 create() 也可以用于定義中間件

定義一個屬性接口（可選），以擴充使用了此中間件的部件的屬性接口。當(dāng)創(chuàng)建組合部件實例時傳入這些屬性值

返回一個簡單的函數(shù)引用，該函數(shù)定義了中間件的 API，供其他組合部件或中間件使用

src/middleware/myMiddleware.ts
import { create } from "@dojo/framework/core/vdom";

const factory = create().properties<{ middlewareProp?: boolean }>();

export const myMiddleware = factory(({ properties }) => {
    return () => {
        return properties().middlewareProp ? "Conditional is true" : "Conditional is false";
    };
});

export default myMiddleware;
組合中間件

組合中間件并返回一個對象以公開更復(fù)雜的 API

使用核心的 invalidator 中間件將組合部件標(biāo)記為需要重新渲染

src/middleware/myComposingMiddleware.ts
import { create, invalidator } from "@dojo/framework/core/vdom";
import myMiddleware from "./myMiddleware";

const factory = create({ myMiddleware, invalidator });

export const myComposingMiddleware = factory(({ middleware: { myMiddleware, invalidator } }) => {
    return {
        get() {
            return myMiddleware();
        },
        set() {
            invalidator();
        }
    };
});

export default myComposingMiddleware;
部件內(nèi)使用中間件

用中間件使用的附加屬性來擴充部件的屬性接口

使用中間件組合成的部件時，傳入中間件的屬性

src/widgets/MyWidget.tsx
import { create, tsx } from "@dojo/framework/core/vdom";
import myComposingMiddleware from "../middleware/myComposingMiddleware";

const factory = create({ myComposingMiddleware });

export default factory(function MyWidget({ properties, middleware: { myComposingMiddleware } }) {
    return (
        
            
{`Middleware property value: ${properties.middlewareProp}`}

            
{`Middleware usage: ${myComposingMiddleware.get()}`}

        
    );
});
src/main.tsx
import renderer, { tsx } from "@dojo/framework/core/vdom";
import MyWidget from "./widgets/MyWidget";

const r = renderer(() => );
r.mount();

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/106913.html

相關(guān)文章

  • Dojo 部件進階

    摘要：如果為，則渲染生命周期中相關(guān)的回調(diào)特別是和渲染回調(diào)函數(shù)是同步運行的。如果為，則在下一次重繪之前，回調(diào)函數(shù)被安排為異步運行。更改檢測策略，確定應(yīng)用程序是否需要更新外部的節(jié)點是一個可選的回調(diào)函數(shù)，在節(jié)點追加到后執(zhí)行檢測外部節(jié)點的 部件的基本原理 部件是所有 Dojo 應(yīng)用程序的基本構(gòu)建要素。部件是主要的封裝單元，它能表示從用戶界面的單個元素，到更高級別的容器元素（如 Form 表單、段落、...

    draveness 評論0 收藏0

  • AMD規(guī)范(轉(zhuǎn))

    摘要：可以看到，第三個參數(shù)是回調(diào)函數(shù)，可以直接使用依賴的模塊，他們按依賴聲明順序作為參數(shù)提供給回調(diào)函數(shù)。結(jié)論規(guī)范是開發(fā)的一次重要嘗試，它以簡單而優(yōu)雅的方式統(tǒng)一了的模塊定義和加載機制，并迅速得到很多框架的認可和采納。 1. AMD的由來　　前端技術(shù)雖然在不斷發(fā)展之中，卻一直沒有質(zhì)的飛躍。除了已有的各大著名框架，比如Dojo，jQuery，ExtJs等等，很多公司也都有著自己的前端開發(fā)框架。這些...

    harriszh 評論0 收藏0

  • 使用 Selenium 抓取網(wǎng)頁內(nèi)容和模擬登入

    摘要：傳統(tǒng)的無法執(zhí)行頁面中的瀏覽器腳本，并且在抓取一些對爬蟲有限制的網(wǎng)頁時，往往要設(shè)定詳細的來突破限制，編寫起來較為復(fù)雜。直接使用瀏覽器運行，像真正的用戶在操作。支持以下方式進行選擇元素各種庫對情況的檢測方法 傳統(tǒng)的 cURL 無法執(zhí)行頁面中的瀏覽器腳本，并且在抓取一些對爬蟲有限制的網(wǎng)頁時，往往要設(shè)定詳細的 http header 來突破限制，編寫起來較為復(fù)雜。 Selenium簡介： ...

    mylxsw 評論0 收藏0

  • 使用 Selenium 進行模擬登入和頁面內(nèi)容的獲取

    摘要：傳統(tǒng)的無法執(zhí)行頁面中的瀏覽器腳本，并且在抓取一些對爬蟲有限制的網(wǎng)頁時，往往要設(shè)定詳細的來突破限制，編寫起來較為復(fù)雜。直接使用瀏覽器運行，像真正的用戶在操作。支持以下方式進行選擇元素各種庫對情況的檢測方法 傳統(tǒng)的 cURL 無法執(zhí)行頁面中的瀏覽器腳本，并且在抓取一些對爬蟲有限制的網(wǎng)頁時，往往要設(shè)定詳細的 http header 來突破限制，編寫起來較為復(fù)雜。 Selenium簡介： ...

    thursday 評論0 收藏0

  • Arcgis api for js 3.x 離線開發(fā)(1)

    摘要：離線開發(fā)下載下載地址選擇需要版本，因為版本和版本差別很大，所以這里主要是針對的開發(fā)配置文件配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開發(fā)（1） 下載Arcgis api for js 3.xArcgis api for js下載地址 s...

    wushuiyong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<