按需加载的模拟

wums 发布于2019-08-21 10:23 / 447人阅读

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云服务器云服务器按需加载按需加载javascript webpack按需加载实现模拟加载

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85430.html

webpack+vue项目实战（三，配置功能操作页和组件的按需加载）

摘要：但是实际上，回款管理和开票管理的组件文件也是加载了。所以下面引用按需加载来处理。是不是小很多了，然后和是按需加载的，就是需要的时候才加载。 1.前言上篇文章（webpack+vue项目实战（二，开发管理系统主页面）），实现了，侧边栏的一个操作，点击侧边栏的一些操作，最重要的就是路由的切换。看了上一篇的伙伴也不难发现，除了点击侧边栏‘首页’之外，点击其它的都是白色的一片。原因我想大家都...

endless_road 2019-08-20 17:46 评论0 收藏0
构建前端项目

摘要：解决思路服务器端渲染服务器端和前端公用同一个应用，然后通过构建工具及配置，确定哪些组件需要再服务器端渲染，那些组件需要再客户端渲染。服务器端渲染，由框架与构建工具配合，并依据一定的项目结构和编码方式，共同运行。分离为什么需要前后端分离、web服务器与static服务器分离: 前端与后端耦合 (需求) 自动化、工程化的构建前端的代码 (基础条件) 模块化、组件化，项目共享代码 (...

mindwind 2019-08-23 13:51 评论0 收藏0
【Geek议题】合理的VueSPA架构讨论（上）

摘要：下面也是以模块的模块集为例，可以发现和路由有一些不同就是这里为了防止模块跟全局耦合，运用函数式编程思想类似于依赖注入，将全局的实例作为函数参数传入，再返回出一个包含的对象，这个导出的对象将会被以模块名命名，合并到全局的集中。前言 web前端发展到现代，已经不再是严格意义上的后端MVC的V层，它越来越向类似客户端开发的方向发展，已独立拥有了自己的MVVM设计模型。前后端的分离也使前端人...

worldligang 2019-08-22 15:53 评论0 收藏0
【Geek议题】合理的VueSPA架构讨论（上）

摘要：下面也是以模块的模块集为例，可以发现和路由有一些不同就是这里为了防止模块跟全局耦合，运用函数式编程思想类似于依赖注入，将全局的实例作为函数参数传入，再返回出一个包含的对象，这个导出的对象将会被以模块名命名，合并到全局的集中。前言 web前端发展到现代，已经不再是严格意义上的后端MVC的V层，它越来越向类似客户端开发的方向发展，已独立拥有了自己的MVVM设计模型。前后端的分离也使前端人...

pepperwang 2019-08-02 10:03 评论0 收藏0
日常笔记

摘要：同构和直出服务端渲染出首屏，主要为了减少用户等待的时间，缩短白屏时间，在移动数据网络情况下能够获得较好的用户体验。在优化渲染时间的时候监控页面情况很有用。 @(StuRep)2016.06.11 react+node同构和直出服务端渲染出首屏，主要为了减少用户等待的时间，缩短白屏时间，在移动数据网络情况下能够获得较好的用户体验。了解了一下react实现同构和直出的方案，收藏了一些还...

Enlightenment 2019-08-22 10:38 评论0 收藏0