按需加載的模擬

wums 發(fā)布于2019-08-21 10:23 / 567人閱讀

require

function require(name, callback) {
        var newJs = document.createElement("script");
        // ie
        newJs.onreadystatechange = function(){
            if(newJs.readyState === "loaded" || newJs.readyState === "complete"){
                newJs.onreadystatechange = null;
                callback && callback();
            }
        }
        // 正常
        newJs.onload = function(){
            callback && callback();
        }
        newJs.src = name;
        // document.documentElement 特指 head
        document.documentElement.firstChild.appendChild(newJs);
    }

借鑒學習來自 O"Reilly JavaScript Patterns

GPU云服務(wù)器云服務(wù)器按需加載按需加載javascript webpack按需加載實現(xiàn)模擬加載

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/85430.html

相關(guān)文章

webpack+vue項目實戰(zhàn)（三，配置功能操作頁和組件的按需加載）

摘要：但是實際上，回款管理和開票管理的組件文件也是加載了。所以下面引用按需加載來處理。是不是小很多了，然后和是按需加載的，就是需要的時候才加載。 1.前言上篇文章（webpack+vue項目實戰(zhàn)（二，開發(fā)管理系統(tǒng)主頁面）），實現(xiàn)了，側(cè)邊欄的一個操作，點擊側(cè)邊欄的一些操作，最重要的就是路由的切換?？戳松弦黄幕锇橐膊浑y發(fā)現(xiàn)，除了點擊側(cè)邊欄‘首頁’之外，點擊其它的都是白色的一片。原因我想大家都...

endless_road 2019-08-20 17:46 評論0 收藏0
構(gòu)建前端項目

摘要：解決思路服務(wù)器端渲染服務(wù)器端和前端公用同一個應(yīng)用，然后通過構(gòu)建工具及配置，確定哪些組件需要再服務(wù)器端渲染，那些組件需要再客戶端渲染。服務(wù)器端渲染，由框架與構(gòu)建工具配合，并依據(jù)一定的項目結(jié)構(gòu)和編碼方式，共同運行。分離為什么需要前后端分離、web服務(wù)器與static服務(wù)器分離: 前端與后端耦合 (需求) 自動化、工程化的構(gòu)建前端的代碼 (基礎(chǔ)條件) 模塊化、組件化，項目共享代碼 (...

mindwind 2019-08-23 13:51 評論0 收藏0
【Geek議題】合理的VueSPA架構(gòu)討論（上）

摘要：下面也是以模塊的模塊集為例，可以發(fā)現(xiàn)和路由有一些不同就是這里為了防止模塊跟全局耦合，運用函數(shù)式編程思想類似于依賴注入，將全局的實例作為函數(shù)參數(shù)傳入，再返回出一個包含的對象，這個導(dǎo)出的對象將會被以模塊名命名，合并到全局的集中。前言 web前端發(fā)展到現(xiàn)代，已經(jīng)不再是嚴格意義上的后端MVC的V層，它越來越向類似客戶端開發(fā)的方向發(fā)展，已獨立擁有了自己的MVVM設(shè)計模型。前后端的分離也使前端人...

worldligang 2019-08-22 15:53 評論0 收藏0
【Geek議題】合理的VueSPA架構(gòu)討論（上）

摘要：下面也是以模塊的模塊集為例，可以發(fā)現(xiàn)和路由有一些不同就是這里為了防止模塊跟全局耦合，運用函數(shù)式編程思想類似于依賴注入，將全局的實例作為函數(shù)參數(shù)傳入，再返回出一個包含的對象，這個導(dǎo)出的對象將會被以模塊名命名，合并到全局的集中。前言 web前端發(fā)展到現(xiàn)代，已經(jīng)不再是嚴格意義上的后端MVC的V層，它越來越向類似客戶端開發(fā)的方向發(fā)展，已獨立擁有了自己的MVVM設(shè)計模型。前后端的分離也使前端人...

pepperwang 2019-08-02 10:03 評論0 收藏0
日常筆記

摘要：同構(gòu)和直出服務(wù)端渲染出首屏，主要為了減少用戶等待的時間，縮短白屏時間，在移動數(shù)據(jù)網(wǎng)絡(luò)情況下能夠獲得較好的用戶體驗。在優(yōu)化渲染時間的時候監(jiān)控頁面情況很有用。 @(StuRep)2016.06.11 react+node同構(gòu)和直出服務(wù)端渲染出首屏，主要為了減少用戶等待的時間，縮短白屏時間，在移動數(shù)據(jù)網(wǎng)絡(luò)情況下能夠獲得較好的用戶體驗。了解了一下react實現(xiàn)同構(gòu)和直出的方案，收藏了一些還...

Enlightenment 2019-08-22 10:38 評論0 收藏0