JavaScript设计模式之代理模式-惰性加载大文件

最新推荐文章于 2021-09-05 22:52:05 发布

been_ss

最新推荐文章于 2021-09-05 22:52:05 发布

阅读量1k

点赞数 4

分类专栏： JavaScript设计模式文章标签：设计模式 js

本文链接：https://blog.csdn.net/qq_39287602/article/details/108751853

版权

在看此文之前，建议先看前篇JavaScript设计模式之代理模式-实现加载图片loading

1.需求

假设有一个非常大的js文件，我们只在需要用的时候，才触发去加载它。比如有一个应用于移动端打印日志的控制台，在按F2才加载该文件并打印相关日志。效果如下：

2.实现

首先我们创建index.html文件，html代码如下：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>虚拟代理惰性加载文件</title>
    <style>
        #consoleContent{
            border:1px solid #ccc;
            width: 200px;
            height: 300px;
            color:#333;
            overflow: auto;
            display: none;
        }
        #consoleContent p{
            margin: 0;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

been_ss

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
JavaScript设计模式之代理模式-惰性加载大文件

在看此文之前，建议先看前篇JavaScript设计模式之代理模式-实现加载图片loading1.需求假设有一个非常大的js文件，我们只在需要用的时候，才触发去加载它。比如有一个应用于移动端打印日志的控制台，在按F2才加载该文件并打印相关日志。效果如下：2.实现首先我们创建index.html文件，html代码如下：<head> <meta charset="UTF-8"> <meta name="viewport" content="w
复制链接

扫一扫