资讯专栏INFORMATION COLUMN

按需加载的模拟

wums / 437人阅读

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

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

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

相关文章

  • webpack+vue项目实战(三,配置功能操作页和组件按需加载

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

    endless_road 评论0 收藏0
  • 构建前端项目

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

    mindwind 评论0 收藏0
  • 【Geek议题】合理VueSPA架构讨论(上)

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

    worldligang 评论0 收藏0
  • 【Geek议题】合理VueSPA架构讨论(上)

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

    pepperwang 评论0 收藏0
  • 日常笔记

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

    Enlightenment 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<