按需加載的模擬

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

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);
    }

借鑒學(xué)習(xí)來(lái)自 O"Reilly JavaScript Patterns

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

pepperwang 2019-08-02 10:03 評(píng)論0 收藏0
日常筆記

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

Enlightenment 2019-08-22 10:38 評(píng)論0 收藏0