第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何異步導(dǎo)入自定義 Web 組件?

如何異步導(dǎo)入自定義 Web 組件?

溫溫醬 2022-08-04 15:57:12
我已將自定義輸入元素(表單的新式文本輸入)設(shè)置為 Web 組件。我為實(shí)現(xiàn)它而制作的.js文件有三個部分。模板:const textInputTemplate = document.createElement('text-input-template');textInputTemplate.innerHTML =`<div class="text-input-container">    <!--Irrelevant--></div>`;元素的類聲明:class textInput extends HTMLElement {    static get observedAttributes() {        return ['readonly'];    }    constructor () {        super();        // Shadow root    } // End of constructor()    connectedCallback () {        // Custom attributes    } // End of connectedCallback()    disconnectedCallback () {        // Remove event listeners    } // End of disconnectedCallback()    attributeChangedCallback(attribute, oldValue, newValue) {        // Updatable attributes: readonly    } // End of attributeChangedCallback()   }最后,將自定義元素與標(biāo)記名稱關(guān)聯(lián)的方法:window.customElements.define('text-input', textInput);問題:我擔(dān)心使用效率低下或可能導(dǎo)致錯誤,因?yàn)樗陧撁娴钠溆嗖糠旨虞d后同步加載。因此,我想知道是否有一種更清晰/更專業(yè)的方法來異步導(dǎo)入Web組件,而無需將整個模塊粘貼到這樣的函數(shù)中:<script src="./module-name">export function textInput { // insert entire modules contents here }因?yàn)槲倚枰K的所有三個部分才能使 Web 組件正常工作,所以我不能只導(dǎo)出 Web 組件類。
查看完整描述

1 回答

?
慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個贊

我知道這是一個老問題,但尚未解決,我遇到了同樣的問題,并且就像以這種方式加載腳本時包含一樣簡單:async

<script src="./module-name" async>

您可以在此處此處查看

例如,例如:

如果存在,則指定腳本將在可用時立即異步執(zhí)行。

如果 async 屬性存在,則經(jīng)典腳本將與解析并行獲取,并在可用時立即進(jìn)行評估。

因此,您不必?fù)?dān)心鎖定頁面的其余部分,因?yàn)槊總€scrpit都將盡快并行加載。


查看完整回答
反對 回復(fù) 2022-08-04
  • 1 回答
  • 0 關(guān)注
  • 75 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號