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

資訊專欄INFORMATION COLUMN

Dojo 中間件簡(jiǎn)介

warmcheng / 919人閱讀

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

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

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

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

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

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

返回一個(gè)簡(jiǎn)單的函數(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;
組合中間件

組合中間件并返回一個(gè)對(duì)象以公開(kāi)更復(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)使用中間件

用中間件使用的附加屬性來(lái)擴(kuò)充部件的屬性接口

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

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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

  • Dojo 部件進(jìn)階

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

    draveness 評(píng)論0 收藏0

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

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

    harriszh 評(píng)論0 收藏0

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

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

    mylxsw 評(píng)論0 收藏0

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

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

    thursday 評(píng)論0 收藏0

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

    摘要：離線開(kāi)發(fā)下載下載地址選擇需要版本，因?yàn)榘姹竞桶姹静顒e很大，所以這里主要是針對(duì)的開(kāi)發(fā)配置文件配置文件找到下載的開(kāi)發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開(kāi)發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開(kāi)發(fā)（1） 下載Arcgis api for js 3.xArcgis api for js下載地址 s...

    wushuiyong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<