網(wǎng)頁動(dòng)態(tài)加載js,優(yōu)化首次加載性能


/**
 * @description 動(dòng)態(tài)加載js
 * @param url js地址
 * @returns {Promise} 返回加載狀態(tài)
 */
 const loadScript =(url) => {
    return new Promise((resolve, reject) => {
        // 判斷有沒有加載過 有就不加載了
        let scriptList = document.getElementsByTagName('script');
        let isLoad = false;
        for (let i = 0; i < scriptList.length; i++) {
            if (scriptList[i].src === url) {
                isLoad = true;
            }
        }
        if (isLoad) {
            resolve();
            return;
        }
        
        // 動(dòng)態(tài)加載js
        let script = document.createElement("script");
        script.type = "text/javascript";

        script.src = url;
        document.getElementsByTagName("head")[0].appendChild(script);

        script.onload = function () {
            resolve();
        };
    })
}

使用

let isJsZipReady = ref(false)
loadScript(new URL('../utils/jszip.min.js', import.meta.url).href).then(() => {
    console.info('jszip ready')
    isJsZipReady.value = true
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容