位置: 编程技术 - 正文

详解js异步文件加载器(js异步解决方案)

编辑:rootadmin

推荐整理分享详解js异步文件加载器(js异步解决方案),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js异步方法有哪些,js 异步,异步加载js文件,js异步解决方案,详解js异步文件是什么,js 异步,详解js异步文件是什么,详解js异步文件怎么写,内容如对您有帮助,希望把文章链接给更多的朋友!

我们经常会遇到这种场景,某些页面依赖第三方的插件,而这些插件比较大,不适合打包到页面的主js里(假设我们使用的是cmd的方式,js会打包成一个文件),那么这个时候我们通常会异步获取这些插件文件,并在下载完成后完成初始化的逻辑。

以图片上传为例,我们可能会用到plupload.js这个插件,那么我们会这么写:

但是我们的页面通常由多个独立的模块(组件)构成,如果页面上的A、B两个模块都依赖于plupload.js, 那是不是在两个地方都要把上面的代码写一遍。如果这么干,在plupload.js被下载下来之前,可能会发起两个请求,由于是并行下载,js文件可能会被重复下载,而不是第一次下载下来,第二次取缓存的内容。

下图是页面多个组件依赖vue.js的情况(jquery和vue混用的场景):

详解js异步文件加载器(js异步解决方案)

所以,在实际使用中需要加锁,即当脚本正在加载时,不应该再重复请求脚本,等待加载完成后,依次执行后面的逻辑,有promise这个好工具,实现起来很简单。

然后在依赖vue.js地方:

再看看请求:

好了,到这里似乎解决问题了,但是假如我的页面上存在多个插件依赖,比如既依赖plupload.js又依赖vue.js,难道我要把上面的代码再写一遍(怎么感觉好像说过这话)?这样不就冗余了么?所以我们需要一个异步加载器的生成器,能够帮助我们生成多个异步加载器。

然后我们可以生成异步加载器并赋给window

使用的时候同上,这样就基本解决了我们的问题。

标签: js异步解决方案

本文链接地址:https://www.jiuchutong.com/biancheng/288209.html 转载请保留说明!

上一篇:PHP验证码生成原理和实现(php验证码扭曲效果怎么做)

下一篇:php制作的简单验证码识别代码(php制作验证码)

  • 税务账是什么意思
  • 辅导期一般纳税人和一般纳税人的区别
  • 债券投资的风险主要有
  • 差旅费属于什么支出类型
  • 报销单冲抵借支做账
  • 汇算清缴自查报告
  • 汇算清缴期结束后税务机关发现企业应当取得而未取得
  • 开办费一次性摊销企业所得税
  • 实际缴纳的增值税税额怎么算
  • 电子钥匙到期怎么办
  • 个体户如何办税
  • 向其他股东购买股权
  • 如何理解总分机的概念
  • 2018增值税暂行条例
  • 如何在excel中自动筛选
  • koeids.dll
  • php数组函数 菜鸟
  • 所得税贷款利息扣除
  • 企业股股票
  • 缴纳以前年度房产税会计分录
  • 车间的办公费计入
  • 开源项目有什么用
  • 租赁公司的
  • 【深度学习】详解 MoCo
  • custom用法
  • 微信小程序人民法院审核通过多久立案
  • 小型微利企业如何进行税收筹划
  • 认证系统维护费怎么算
  • 织梦官方网站
  • mongodb数据类型有哪些
  • 公司购入的发明产品
  • 预提费用会计科目
  • 决算报表属于会计账簿吗
  • 运输费抵扣进项税怎么算
  • db2数据库安装服务器的环境
  • db2with
  • 国际货运代理企业不得从事的业务是
  • 母子公司合并报表案例
  • 财务费用的内容包括哪些
  • 资产负债表的其他应收款怎么算出来的
  • 银行承兑汇票和贴现的区别
  • 水利建设基金计费方式
  • 租厂房需要办环评注意事项
  • 防伪税控服务费全额抵扣申报表怎么填
  • 工资薪酬所得税税率表最新
  • 股东投入的资金在现金流量表中如何提现
  • 存货跌价准备转回和转销的区别
  • 没有收入还需要纳税吗
  • 募集资金有哪些渠道
  • 跨年度退货可以不退款吗
  • 增资协议书范本合同
  • 供应商销售折让怎么入账
  • 普通发票的税费怎么算
  • sql效率调优
  • Windows Vista下IIS使用常见问题
  • linux tcpping
  • winxp系统修复 不重装软件
  • linux如何加载动态库
  • windows7日文版改中文
  • windows7桌面回收站打不开
  • win8如何进入bios
  • linux源码包
  • 环境篇作文
  • 苏州大学附属第一医院占地面积
  • tensorflow for
  • unity小例子
  • dos批处理实例800例
  • android aidl binder
  • 命令行创建虚拟机
  • mybatis框架执行流程
  • bootstrap要学吗
  • js函数里的函数怎么调用
  • android清理软件评测
  • 关闭计算机盖的功能
  • 谈谈我对秦始皇的看法
  • 21个JavaScript事件(Events)属性汇总
  • jquery基础知识梳理
  • First Class: UI of Android
  • python定义全局
  • 什么是增值税留抵退税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设